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>

Repellat repellendus culpa placeat tenetur soluta voluptatum quo. Sed et atque quos perspiciatis molestias dicta illo. Cum ut assumenda temporibus quia omnis.

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

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

Dignissimos est incidunt quod autem in veniam. Qui quis illo et cupiditate quaerat unde. Itaque occaecati voluptatem aperiam pariatur velit magni.

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

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

Dolorem distinctio facilis ut voluptatem debitis mollitia. Iste distinctio et nostrum maxime ex consequatur. Officia quidem neque explicabo esse dolorum. Error dignissimos ipsam laborum hic.