SwCollapse
Компонент SwCollapse представляет собой аналог тегов <details> + <summary> , но с анимацией.
Свойства / Properties
| Имя | Тип | По умолчанию | Значения/Описание |
|---|---|---|---|
visual | Boolean | true | Видимость |
Слоты / Slots
Default - Контент для скрытия
Особенности реализации
- Плавная анимация открытия/закрытия с использованием CSS transitions
- Адаптивное изменение размеров при динамическом контенте
Пример использования / Example Usage
<script setup>
import { ref } from 'vue'
const collapseOpen = ref(true)
</script>
<sw-button size="small" @click="collapseOpen = !collapseOpen">
{{ collapseOpen ? 'Свернуть' : 'Развернуть' }}
</sw-button>
<sw-collapse :visual="collapseOpen">
<p>Скрываемый контент коллапса.</p>
</sw-collapse>