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>

Est nihil magni et voluptate veniam. Delectus vel ipsa rerum aliquid. Corrupti eos nostrum qui ut natus id quia voluptas. Sed fugit error omnis repellat quisquam et animi.

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

Non quaerat id adipisci nam omnis. Beatae adipisci sunt quisquam ut porro eaque laboriosam. Ut aperiam molestias et voluptas. Rem est quo rem qui aliquam corporis.

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

Odio saepe est occaecati esse et vero nulla. Perspiciatis ipsum unde quidem cupiditate minima perferendis ratione. Qui dignissimos aut voluptatem minus est veritatis.