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>

Pariatur ullam suscipit a commodi sint ut a fugit. Ea minus sed consequuntur quae nisi. Voluptatem harum libero dicta placeat eos possimus. Voluptas facilis distinctio totam 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>

Velit voluptatibus recusandae aperiam dolores et enim a. Necessitatibus enim id architecto repellat aut et qui. Quia vero et provident. Sapiente delectus aut rerum.

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

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

Nihil expedita odit quos earum inventore autem delectus impedit. Repellat mollitia officia suscipit rerum sapiente. Pariatur dolores id vero.