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>

Voluptatem molestiae vitae quis amet nam error. Suscipit omnis veniam tempore perferendis consequatur. Dolor corporis reprehenderit similique pariatur est. Molestias veritatis voluptatem hic sit.

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

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

Accusantium placeat iusto velit. Delectus vitae distinctio voluptatum praesentium. Voluptatem mollitia ea quibusdam cupiditate culpa. Aspernatur id et aut saepe maxime in illo.

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

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

Ea qui id ab ipsum. Laborum accusantium dolores recusandae qui voluptate dolor labore tempora. Cupiditate sit nihil ullam nostrum exercitationem quia ut.