# Basics
The moonshine::collapse
component allows you to collapse content.
<x-moonshine::collapse title="Hide / Show"> {{ fake()->text() }}</x-moonshine::collapse>
Temporibus vel incidunt modi dolorem neque hic libero. Dolores aliquam laboriosam nulla sapiente. Ut voluptas aut omnis ut sint et. Nobis earum nobis dolor quo.
# 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>
Et impedit perspiciatis nisi ut veritatis. Quaerat quia dolore neque eligendi fugiat ipsam ullam. Nam sit incidunt ipsam est. Eos qui pariatur harum.
# 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>
Sed dignissimos molestias et eum aut sed. Consequatur soluta eius cumque reiciendis et mollitia. Animi aliquid id autem saepe nulla repellat. Consectetur dolores et et.