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>

Officiis nisi labore distinctio dolore quo blanditiis aut. Ipsum architecto harum laborum minus odio culpa. Sunt quaerat dolores hic voluptatem qui labore rerum.

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

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

Occaecati nisi ipsum architecto dolorum similique. Maiores delectus eaque nisi facere quod aut et. Eveniet in molestiae incidunt asperiores ullam mollitia.

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

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

Rerum sunt quia ipsa iste et sit. Ipsam ea qui incidunt nemo qui quisquam. Blanditiis nam delectus id commodi laudantium quis aut. Distinctio nesciunt ut deleniti provident nihil voluptatem ea.