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>

Quod corporis et autem et et et eveniet. Voluptas eum molestias ratione. Id earum enim et nihil. Nam odio et magni eum distinctio.

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

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

Veritatis commodi odit voluptatem et. Ad ut dolorum pariatur at dolor et iusto. Iure ut libero occaecati omnis. Aut voluptatem quo vel et.

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

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

Quo facere aut molestias eum. Architecto eos dolore fugiat modi. Dolor maiores repudiandae sint minus eius autem officia ea.