# Kreator treści
Kreator treści udostępnia dwa sposoby dodawania treści:
- ContentBuilder
- CustomFields
# ContentBuilder
Komponent obsługuje wyświetlanie grup, sekcji oraz pozycji w określonej kolejności w panelu.
<script setup>
const route = useRoute();
const { data: article, error } = await useCoreFetch(
`/blog/articles/${route.params.slug}`,
{
transform: transformModelResponse,
}
);
useHead(getSeoMeta(article.value?.seo));
</script>
<template>
<article>
<content-builder :section-groups="article.section_groups" />
</article>
</template>
# CustomFields
W panelu dla stron niestandardowych (np. homepage, kontakt) można skonfigurować jakie pola powinny się wyświetlić dla strony o danym typie.
Przykład użycia:
<template>
<div>
<div v-if="page.custom_fields">
<div class="font-semibold text-base md:text-xl">
{{ page.custom_fields.about_us_title.content }}
</div>
<editor-content :content="page.custom_fields.about_us_text.content" />
<media-image :media-file="page.custom_fields.about_us_img.media_files" />
</div>
</div>
</template>