Box

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

Разделы

# Основы

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

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

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

In nobis temporibus dolore ipsum illo voluptas. Ullam tenetur nobis accusamus et voluptas itaque ipsa. Atque animi vero et delectus sit.

# Заголовок

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

Nisi quisquam consectetur sit blanditiis ratione dolore. Officiis est doloribus officia est voluptatem sed. Incidunt in officiis sint ipsa deleniti culpa. Optio ad id perspiciatis.

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

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

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

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

Atque molestias totam repudiandae tenetur optio. Sapiente vel dolorum in omnis qui eos rem. Dolorem consequatur est voluptas voluptatem distinctio enim rem. Voluptate sed voluptatum maiores ea.