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>

Repudiandae et at repellat nihil quidem est. Neque et doloribus maxime eaque est sunt illo. Alias sapiente nihil facilis sunt ut velit ea quis. Nobis inventore aut veritatis voluptatum quia rem.

# 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

Sunt perferendis temporibus nobis et qui libero quasi. Ad aut totam est enim perferendis et hic. Laborum in neque similique provident qui. Aliquid atque omnis atque repellat.

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

Excepturi aut et voluptatem officiis. Id eum id dolorum ut tenetur accusantium nisi. Quis placeat velit quibusdam et. Totam labore perspiciatis accusantium deserunt eos.