# Basics
To highlight content, you can use the moonshine::box
component.
<x-moonshine::box> {{ fake()->text() }}</x-moonshine::box>
Illum occaecati est qui quisquam est. Necessitatibus alias neque mollitia autem animi. Consectetur vero at exercitationem non molestiae nihil sapiente minima.
# Heading
The title
parameter sets the block title.
<x-moonshine::box title="Title box"> {{ fake()->text() }}</x-moonshine::box>
Title box
Minima dolor et qui quia dicta consequatur est. Sit eum quisquam omnis dolorem impedit. Quos hic quod est et. Rerum culpa dolorem velit nam qui facilis.# 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>
Voluptatem voluptas dolores rem neque ut. Autem voluptatem eius veniam assumenda. Nam impedit provident quis. Sunt velit incidunt quae perferendis et est temporibus.