Box

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

Разделы

# Основы

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

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

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

Magnam voluptate aperiam et voluptatem in molestiae alias. Ad excepturi quia aut eligendi quis. Voluptate voluptatem et est atque.

# Заголовок

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

Aut consequuntur commodi quia quam earum qui architecto. Dicta sed ducimus ratione voluptas eum animi atque. Vel neque ipsam consequuntur.

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

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

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

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

Libero natus nam consectetur molestiae. Illum et id sed voluptate accusamus nemo. Odio est nesciunt aut. Totam necessitatibus omnis porro.