# Basics
The moonshine::collapse component allows you to collapse content.
<x-moonshine::collapse title="Hide / Show"> {{ fake()->text() }}</x-moonshine::collapse>
Magnam officiis aliquam dolor tempore. Reprehenderit sed consequatur voluptatem doloribus a occaecati. Consequatur aspernatur nihil qui quia repellendus dolore sunt est.
# Show expanded
If the show parameter is TRUE,
then by default the block will be displayed expanded.
<x-moonshine::collapse title="Hide / Show" :open="true"> {{ fake()->text() }}</x-moonshine::collapse>
Similique voluptatem culpa explicabo voluptatem. Fugit voluptatum corrupti fuga ipsa. Aut aut omnis aperiam voluptatum. Commodi ut dolorum magni et dolor perspiciatis necessitatibus.
# Saving state
If the persist parameter is set to TRUE, then the state of the block will be preserved.
<x-moonshine::collapse title="Hide / Show" :persist="true"> {{ fake()->text() }}</x-moonshine::collapse>
Omnis ut beatae quisquam eveniet alias. Ab tempore a qui modi. Vitae at nam et minus nemo. Ut qui quis ut sunt.