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>
Aut illo corporis voluptatem est laudantium. Doloribus sunt unde cupiditate voluptatem nulla explicabo nesciunt. Quos magni rerum tempore at vitae sunt sit ea.
# Title
The title parameter sets the title of the block
<x-moonshine::box title="Title box"> {{ fake()->text() }}</x-moonshine::box>
Title box
Fuga qui consequatur quas quia ut. Est ut omnis et voluptates. Sapiente sunt provident eveniet voluptatem qui ullam et.# 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>
Temporibus ex voluptas consectetur voluptates molestias tempore itaque optio. Voluptatum placeat voluptas mollitia. Est doloribus nihil qui. Assumenda deserunt corrupti quia et ab.