UI компоненты

Box

Основы

Для выделения контента можно использовать компонент moonshine::box.

<x-moonshine::box>
    {{ fake()->text() }}
</x-moonshine::box>
<x-moonshine::box>
    {{ fake()->text() }}
</x-moonshine::box>

Заголовок

Параметр title задает заголовок блока.

<x-moonshine::box title="Title box">
    {{ fake()->text() }}
</x-moonshine::box>
<x-moonshine::box title="Title box">
    {{ fake()->text() }}
</x-moonshine::box>

Темный стиль

Вы можете установить темный стиль для блока, указав параметр dark со значением TRUE.

<x-moonshine::box :dark="true">
    {{ fake()->text() }}
</x-moonshine::box>
<x-moonshine::box :dark="true">
    {{ fake()->text() }}
</x-moonshine::box>