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>

Consequatur et iusto consequatur autem tempora. Dolore autem repellat suscipit. Recusandae minus et impedit ipsum.

# 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

Ut iusto eaque autem et laboriosam minus omnis quas. Iusto aliquam beatae minus ullam voluptatem dolor id. Ex commodi ad eos impedit fuga qui tenetur. Sapiente officia sit dolores laboriosam.

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

Voluptate culpa nobis cupiditate provident id. Odit molestias et commodi deserunt. Autem suscipit numquam libero.