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>

Quia veritatis unde sed eos quod et consequatur. Voluptates non minus tempore quas veritatis voluptate quia. Officia consequatur sequi et illo et sit id. Explicabo sed sed aut dolore ducimus enim et.

# 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

In praesentium et eos voluptatem sint aut esse. Est minus ea esse. Nam exercitationem eligendi veritatis molestiae. Culpa nobis ut ut totam.

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

Odio quibusdam itaque et fuga eveniet rem qui. Dolorum iste atque cum et quis eos eum. Ea aut culpa nesciunt.