# Basics
The moonshine::collapse
component allows you to collapse content.
<x-moonshine::collapse title="Hide / Show"> {{ fake()->text() }}</x-moonshine::collapse>
Iste tempora consectetur non in ex sunt. Eum qui veritatis ut eum consequuntur sequi. Dolores ut quis itaque et ad.
# 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>
Dicta voluptatem accusantium quod nisi voluptatum. Provident fugit et error repellendus sed veniam et velit. Tenetur aut aut voluptatem. Eligendi deleniti quia eius in velit voluptas ipsum.
# 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>
Vitae facilis id est facilis. Harum fugiat ipsa est sit. Numquam voluptas est velit itaque veniam accusantium sed. Consequatur sunt nostrum officiis dolor soluta est officiis aut.