Componentes fornecidos
Estes componentes pertencem ao Content de referência, não ao Core. O projeto do usuário pode alterá-los ou removê-los.
| Componente | Props, slots e defaults |
|---|---|
<x-blocks.prose> |
slot default; atributos |
<x-blocks.cta> |
text: Saiba mais, href: #; slot default; atributos |
<x-layout.header> |
landing: false; lê $navItems global |
<x-layout.footer> |
sem props |
<x-layout.manual-nav> |
current: null, items: [] |
<x-layout.manual-breadcrumbs> |
current: null, items: [] |
<x-layout.manual-pagination> |
current: null, items: [] |
<x-layout.manual-toc> |
headings: [], showLabel: true |
<x-ui.alert> |
type: info; aceita info, success, warning; slots default e title; atributos |
<x-ui.badge> |
featured: false; slot default |
<x-ui.button> |
variant: primary; aceita primary, secondary; slot default; atributos |
<x-ui.card> |
title: null; slots default e actions; atributos |
<x-ui.container> |
wide: false; slot default; atributos |
Variantes desconhecidas de alert e button usam a variante default. Componentes que chamam $attributes->merge() preservam atributos adicionais e combinam classes.
Componentes anônimos são resolvidos a partir de Content/Views/Components. O caminho ui/forms/input.blade.php corresponde a <x-ui.forms.input>.
Em MDX, componentes são a integração Blade executável: use a tag <x-...> com atributos, slots e componentes aninhados. O restante da sintaxe Blade não é habilitado no documento, e Markdown escrito dentro do slot não é processado novamente. Para um exemplo completo de componente usado em MDX, layout e cover, consulte Personalizar templates, componentes e covers.