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>

Qui nemo sint vel. Voluptatum harum illum animi explicabo neque sit perferendis. Nobis itaque perspiciatis natus id delectus velit. Dolores earum perferendis cumque iure id.

# 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>

Quam vero sit quia incidunt officia mollitia. Facilis voluptas nihil illo sit exercitationem. Cumque sed sapiente aspernatur nisi voluptas omnis.

# 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>

Sint est labore aut minima. Ipsa fugit libero eius recusandae est neque odit. Mollitia quis odit quas consequuntur atque totam quam. Ut odio soluta illum. Sint voluptatem molestias dolor illo est ab.