Box
You're browsing the documentation for an old version of MoonShine. Consider upgrading your project to MoonShine 2.x.
-
Sections
# Basics
To highlight content, you can use the moonshine::box
component
<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>
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>
Excepturi aut et voluptatem officiis. Id eum id dolorum ut tenetur accusantium nisi. Quis placeat velit quibusdam et. Totam labore perspiciatis accusantium deserunt eos.