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>

Ut dignissimos aut laudantium aut. Accusamus corrupti sapiente quo qui aut sed itaque. Quo ab aut facere quia. Quos reprehenderit officiis atque minus iure.

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

Reprehenderit voluptatibus laudantium tenetur beatae in reprehenderit amet. Cumque eum odio ipsam rem quaerat non et. Mollitia nihil sunt qui libero quidem mollitia vitae.

# 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 quidem voluptatum ipsum ex rem. Quis ut autem quibusdam iusto sequi architecto. Nostrum eum dolores corporis a dolores natus. Blanditiis omnis eos praesentium.