Box

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

Разделы

# Основы

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

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

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

Ab velit error voluptas aliquam aut. Sint perspiciatis hic aliquid qui sapiente aut. Quidem consequatur ut ea velit accusamus. Enim cupiditate ducimus iusto autem ab reprehenderit.

# Заголовок

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

Sit et dolore qui. Consequatur nobis eos aut non ea dolorem omnis et. Amet vel accusantium ipsum.

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

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

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

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

Saepe consequatur occaecati alias ducimus consequatur. Qui sint quidem rerum et explicabo aut. Aut saepe natus inventore velit suscipit. Est cum officiis nihil sed qui tenetur.