Collapse

You're browsing the documentation for an old version of MoonShine. Consider upgrading your project to MoonShine 2.x.

Sections

# Basics

The moonshine::collapse component allows you to collapse content

<x-moonshine::collapse title="Hide / Show">
    {{ fake()->text() }}
</x-moonshine::collapse>

<x-moonshine::collapse title="Hide / Show">
    {{ fake()->text() }}
</x-moonshine::collapse>

Culpa tempora sit consequuntur aut est. Illo vel esse velit suscipit hic. Velit praesentium qui quia quae doloremque ratione vel incidunt. Voluptatibus sed est sit modi est et.

# Show expanded

If the show parameter is set to TRUE, then by default the block will be displayed expanded

<x-moonshine::collapse title="Hide / Show" :show="true">
    {{ fake()->text() }}
</x-moonshine::collapse>

<x-moonshine::collapse title="Hide / Show" :show="true">
    {{ fake()->text() }}
</x-moonshine::collapse>

Qui totam architecto deserunt doloribus consequatur dicta quia. Libero fuga voluptatum quam dicta repudiandae nemo cum. Ducimus repellat illo praesentium recusandae. Maxime quibusdam est non rerum.

# Save state

If the persist parameter is set to TRUE, then the state of the block will be saved

<x-moonshine::collapse title="Hide / Show" :persist="true">
    {{ fake()->text() }}
</x-moonshine::collapse>

<x-moonshine::collapse title="Hide / Show" :persist="true">
    {{ fake()->text() }}
</x-moonshine::collapse>

Velit non expedita quia ipsum temporibus sed. Ad earum ad repellat itaque. Nisi est exercitationem aut iusto aliquam.