Collapse

Вы просматриваете документацию старой версии MoonShine. Рассмотрите возможность обновления вашего проекта до MoonShine 2.x.

Разделы

# Основы

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

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

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

Est eos dolores doloremque veniam non ipsa. Vitae illo earum ut accusamus nobis. Possimus ea sequi blanditiis quo voluptatem voluptatibus.

# Отобразить развернутым

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

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

Ratione dolore nostrum tempora expedita voluptatem. Enim aperiam nam iste labore eos nulla id et. Quo quaerat dignissimos ea aut dolore officia. Quis ut unde nobis autem laudantium.

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

Если параметр 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>

Ut dolores eum accusantium aliquam. Inventore officia illo minus reprehenderit. Praesentium deleniti animi harum dolor sed enim. Nihil ut molestias sunt laboriosam nemo necessitatibus officiis.