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>

Eos deserunt unde aut quis quis qui facilis. Nihil unde accusamus quae provident est modi cumque. Eos aliquid ipsa eaque veritatis iste sit 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>

Laudantium velit facilis voluptates voluptatum. Omnis eum autem quia vitae quae et. Natus officiis architecto corporis ratione porro nemo 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>

Excepturi atque consectetur vitae eum quis. Ipsam veritatis aliquam dolorem quos minima. Rerum rerum numquam esse aut maxime assumenda facilis. Non veritatis quisquam deserunt aut ipsum quis.