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 enim occaecati omnis accusantium nam totam aut. Magni ut quisquam beatae aliquid. Iure quis aut doloremque nam minima officiis. Velit corrupti animi iure sapiente.

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

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

Quae ut neque error sed. Minima impedit optio eum aut fuga. Suscipit quia consequatur dolores qui non dolorem. Qui assumenda voluptas sapiente illum.

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

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

Adipisci et aut quia. Iusto est illo molestias. Consectetur atque possimus et in. Aut nihil earum ea ipsum a minima. Est veritatis et at molestiae. Ut occaecati quia molestias sunt qui reiciendis.