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>
In sapiente perferendis eaque praesentium beatae et sed. Id neque vel in quia architecto. Est illum sit inventore laborum. Voluptatum delectus voluptatum sunt vitae.

# Title

The title parameter sets the title of the block

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

Title box

Optio autem qui quae sit. Qui fuga sit atque dolores vitae iste in. Libero enim nobis quam dolores error quibusdam dicta veniam. Eum architecto quos maxime consequatur in ex cumque.

# 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>
Quasi expedita nulla porro impedit. Est et quod aut asperiores modi amet. In perspiciatis excepturi iure dolorem et dolore.