Box

You're browsing the documentation for an old version of MoonShine. Consider upgrading your project to MoonShine 2.x.

# Basics

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

<x-moonshine::box>
{{ fake()->text() }}
</x-moonshine::box>
Ab perspiciatis veritatis alias necessitatibus esse id dolores. Consequatur enim inventore repellendus adipisci tempora iure. Quidem qui rerum officiis. Sunt ut ipsum eum sed sunt laboriosam.

# Title

The title parameter sets the title of the block

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

Title box

In repellat earum et sint aliquid. Voluptas sit vel corporis odio. Quo fuga fugit velit nemo. Delectus qui tempore quod dolorum deleniti maiores corrupti quasi. Autem enim autem inventore eveniet.

# Dark style

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

<x-moonshine::box :dark="true">
{{ fake()->text() }}
</x-moonshine::box>
Id eos dolorum officia non adipisci dolor ipsa. Perferendis expedita animi ducimus ab cupiditate ullam. Mollitia omnis quia voluptatem.