# Basics
To highlight content, you can use the moonshine::box
component.
<x-moonshine::box> {{ fake()->text() }}</x-moonshine::box>
Omnis consequatur iusto voluptatem accusamus provident accusamus quasi. Eaque deserunt nesciunt facilis deserunt magnam dolores. Minus veritatis eligendi quos.
# Heading
The title
parameter sets the block title.
<x-moonshine::box title="Title box"> {{ fake()->text() }}</x-moonshine::box>
Title box
Odio inventore velit perferendis non hic natus aut. Sed quis fugiat sunt est. Et esse quasi impedit explicabo non earum. Quia aut soluta voluptatum ipsum provident ullam velit.# Dark style
You can set a dark style for a block by specifying the dark
parameter with a value of TRUE
.
<x-moonshine::box :dark="true"> {{ fake()->text() }}</x-moonshine::box>
Architecto ullam et facilis numquam voluptatem quia. Nisi iure corrupti quam qui ut. Et iure amet minima ea quia nihil quia odit. Deleniti omnis atque et amet eos qui occaecati quis.