UI компоненты

Collapse

Основы

Компонент moonshine::collapse позволяет сворачивать контент.

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

Показать развернутым

Если параметр show имеет значение TRUE, то по умолчанию блок будет отображаться развернутым.

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

Сохранение состояния

Если параметр persist установлен в значение TRUE, то состояние блока будет сохранено.

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