Box

Вы просматриваете документацию старой версии MoonShine. Рассмотрите возможность обновления вашего проекта до MoonShine 2.x.

Разделы

# Основы

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

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

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

Et dolorum quisquam impedit sunt necessitatibus ut. Harum aut accusantium aut temporibus et. Dolorem distinctio sapiente sit illo. Sed quibusdam non officiis quia necessitatibus rerum unde.

# Заголовок

Через параметр title задается заголовок блока

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

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

Title box

Et voluptatem alias non voluptatibus commodi voluptas. Ducimus aliquam accusantium placeat illum expedita et et. Eos et magni tempore eum autem.

# Темный стиль

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

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

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

Earum eos expedita earum est porro. Exercitationem minima sit quia illo et eveniet. Et voluptas ipsum alias ipsam.