Box

# Basics

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

<x-moonshine::box>
{{ fake()->text() }}
</x-moonshine::box>
Laudantium labore sed ipsum corrupti ullam occaecati id. Incidunt ex recusandae optio. Alias aut dolores excepturi nihil veritatis.

# Heading

The title parameter sets the block title.

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

Title box

Exercitationem et nemo dolores quo. Laboriosam quo porro eligendi dolorum placeat ipsum aut nobis. Ducimus odit in libero doloribus sequi laudantium quidem. Expedita ea sequi labore quis quia aut.

# 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>
Esse aut tempora non. Rem reprehenderit qui fuga consequatur. Est non est neque unde quidem nulla. Numquam expedita ipsa voluptatem unde nam voluptas.