Collapse
You're browsing the documentation for an old version of MoonShine. Consider upgrading your project to MoonShine 2.x.
-
Sections
# Basics
The moonshine::collapse component allows you to collapse content
<x-moonshine::collapse title="Hide / Show"> {{ fake()->text() }}</x-moonshine::collapse>
Qui tempore nostrum debitis qui. Quia dolor sunt deleniti omnis. Ut amet et fugiat laudantium eos. Voluptas nostrum aut consequatur fuga et tempora.
# Show expanded
If the show parameter is set to TRUE, then by default the block will be displayed expanded
<x-moonshine::collapse title="Hide / Show" :show="true"> {{ fake()->text() }}</x-moonshine::collapse>
Facere consectetur corrupti est. Alias temporibus dolorem expedita quas debitis et voluptates. Molestiae nihil et commodi rerum velit dolorem.
# Save state
If the persist parameter is set to TRUE, then the state of the block will be saved
<x-moonshine::collapse title="Hide / Show" :persist="true"> {{ fake()->text() }}</x-moonshine::collapse>
Quo reprehenderit delectus error sit est in. Quasi iusto alias et non voluptatem. Cum non qui ab ducimus odit exercitationem aut. Facilis molestiae id ex. Aut quis dolore dignissimos in cumque.