Box

# Основы

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

<x-moonshine::box>
{{ fake()->text() }}
</x-moonshine::box>
Rerum fuga aut magni eaque nemo. Nihil accusantium officia odit vitae in. Minus reiciendis praesentium similique nostrum et et. Sint rerum architecto ut fugiat. Repellat cumque quos et non et.

# Заголовок

Через параметр title задается заголовок блока.

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

Title box

Ut ea quo voluptatem illum officiis at sit. Voluptates facilis dolorum provident ut quia. Maxime eum dicta delectus vero recusandae. In animi modi excepturi numquam accusamus.

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

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

<x-moonshine::box :dark="true">
{{ fake()->text() }}
</x-moonshine::box>
Provident voluptatibus ut accusamus atque. Fuga deleniti excepturi et quis odio. Voluptatem excepturi in saepe voluptatum. Rerum itaque eius assumenda natus sunt quia.