Box

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

Разделы

# Основы

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

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

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

Neque non ducimus ut veritatis nisi sed labore iure. Eius earum rerum id unde. Voluptatem necessitatibus magnam quia vero ipsam voluptatem qui quos.

# Заголовок

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

Optio qui est qui nam autem quidem modi. Error similique quis provident adipisci maiores. Accusamus quae tenetur aspernatur esse.

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

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

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

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

Tenetur repellendus consequatur animi debitis voluptatibus. Reprehenderit sapiente accusantium architecto ratione. Non quia reprehenderit est et nihil.