Box

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

Разделы

# Основы

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

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

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

Ea iste amet laudantium non repellendus suscipit sed. Amet minus ut vel quia optio ut.

# Заголовок

Через параметр 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

Id est voluptatem et et sit odit eos. Beatae porro et cumque rerum dolor facilis sed in. Qui et qui ut ut.

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

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

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

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

Accusamus labore quia ab ullam. Dicta consequatur architecto vel aut aliquam optio expedita. Enim suscipit itaque illo fugiat et dolor optio.