# Basics
The moonshine::collapse
component allows you to collapse content.
<x-moonshine::collapse title="Hide / Show"> {{ fake()->text() }}</x-moonshine::collapse>
Omnis at deleniti optio qui. Ex id aperiam velit quia consequatur occaecati. Ut tenetur placeat cumque et officiis numquam sint. Natus eius neque qui est eum autem placeat.
# 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>
Tempora repellendus reiciendis et et. Maiores sit quasi aut sed. Maxime in dolores enim possimus earum facere non. Totam sed harum esse aut soluta quidem voluptas molestiae.
# 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>
Velit ea fuga quam consectetur aut a iste. Dignissimos ut qui voluptatem fuga quidem. Vero sed non nihil sint eos pariatur. Quibusdam expedita amet et velit quisquam.