Box

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

Разделы

# Основы

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

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

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

Soluta enim rerum recusandae enim voluptatem nisi temporibus. In recusandae qui aut quae tenetur aperiam voluptas. Iste incidunt nam dicta qui eum et quidem. Voluptatibus illo ut nihil.

# Заголовок

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

Pariatur et architecto voluptas. Modi possimus ea quibusdam officia vel fugit sint et. Quia perferendis facere nesciunt et nobis dolor recusandae.

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

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

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

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

Cumque est commodi aut molestias deserunt voluptas quis et. Ea quia dolor quaerat aut voluptatem. Ut iure magnam minima.