Box

# Basics

To highlight content, you can use the moonshine::box component.

<x-moonshine::box>
{{ fake()->text() }}
</x-moonshine::box>
Omnis consequatur iusto voluptatem accusamus provident accusamus quasi. Eaque deserunt nesciunt facilis deserunt magnam dolores. Minus veritatis eligendi quos.

# Heading

The title parameter sets the block title.

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

Title box

Odio inventore velit perferendis non hic natus aut. Sed quis fugiat sunt est. Et esse quasi impedit explicabo non earum. Quia aut soluta voluptatum ipsum provident ullam velit.

# Dark style

You can set a dark style for a block by specifying the dark parameter with a value of TRUE.

<x-moonshine::box :dark="true">
{{ fake()->text() }}
</x-moonshine::box>
Architecto ullam et facilis numquam voluptatem quia. Nisi iure corrupti quam qui ut. Et iure amet minima ea quia nihil quia odit. Deleniti omnis atque et amet eos qui occaecati quis.