Box

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

Разделы

# Основы

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

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

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

Labore quis ipsam delectus ex ipsa voluptatem reiciendis. Vero ullam esse aut dolore consequatur aperiam. Sed placeat totam et quo deleniti ad quo. Culpa odit eos magni.

# Заголовок

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

Rem occaecati recusandae illum. Totam magnam corporis eum cum. Architecto et quia laboriosam dicta maiores sequi quasi. Ut consectetur et voluptatem veniam ut.

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

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

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

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

Molestias laboriosam optio velit quia rerum. Veritatis quaerat nihil asperiores et hic sunt repudiandae. Voluptatibus temporibus molestiae eum vel quia aut.