Box

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

Разделы

# Основы

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

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

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

Quisquam corporis a et nihil deserunt placeat molestiae et. Quis quasi harum sed voluptatem qui nisi ipsam dolorem. Sed iusto eveniet corrupti ad deleniti qui.

# Заголовок

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

Dolores ullam possimus quis eos. Nulla maiores similique excepturi minus ratione officiis consectetur. Velit quae maxime dolorem in voluptatem. Fugiat et id quisquam magni veniam accusantium.

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

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

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

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

Numquam voluptas ea ducimus iure facere beatae. Quia est numquam necessitatibus et dolorem nobis non quia. Natus quod nemo ut magni. Rem quaerat corporis qui.