# Basics
The moonshine::collapse
component allows you to collapse content.
<x-moonshine::collapse title="Hide / Show"> {{ fake()->text() }}</x-moonshine::collapse>
Natus nam est eum suscipit esse ipsa autem. Et et cupiditate saepe non facilis quis. Labore consequatur eveniet eligendi blanditiis officiis. Molestias quam reprehenderit saepe ipsam qui ipsam.
# 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>
Voluptatum ut omnis fugiat nisi ut rerum sunt. Voluptatum officiis delectus quia ea earum dolor et. Cupiditate esse enim sunt tenetur voluptatem enim et. Quos aspernatur nostrum fugiat.
# 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>
Illum ea perferendis laborum ut sint. Nobis velit error occaecati nulla nisi unde. Commodi voluptas et eligendi minus debitis accusamus.