Box

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

Sections
- Basics
- Title
- Dark style

# Basics

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

<x-moonshine::box>
    {{ fake()->text() }}
</x-moonshine::box>

<x-moonshine::box>
    {{ fake()->text() }}
</x-moonshine::box>

Ducimus ea consequatur qui quo soluta qui. Omnis facere ipsa totam sunt quidem minus. Rerum asperiores inventore placeat et velit voluptatem.

# Title

The title parameter sets the title of the block

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

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

Title box

At voluptatibus vel voluptas reiciendis. Deleniti est deleniti repellendus amet vitae sapiente. Quia id in voluptatum excepturi. Aperiam accusantium quaerat voluptas provident sapiente ut.

# 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>

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

Ut est est adipisci. Suscipit natus et dolorem explicabo aut atque qui. Non eos sint omnis et. Aperiam culpa blanditiis quas est ad. Quia et deleniti sit nemo a. Nesciunt quasi sed quaerat totam qui.