# Basics
The moonshine::collapse
component allows you to collapse content.
<x-moonshine::collapse title="Hide / Show"> {{ fake()->text() }}</x-moonshine::collapse>
Odit voluptatem assumenda doloribus tempore. Dolores suscipit minima voluptatem eos earum non qui. Sequi porro qui molestias. Molestiae ipsa iste est at dolor dolore facere.
# 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 ex voluptas et quo laboriosam iusto. Nemo nisi magnam rerum repellendus perspiciatis odit velit sit.
# 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>
Nobis inventore quis quis eos inventore voluptates a. Fugiat doloribus quasi quia error.