Коллапс
компонент коллапса
@import 'node_modules/jcore-ui/lib/scss/components/collapse.scss';
import { Collapse } from 'jcore-ui';
import Collapse from 'jcore-ui/bin/lib/components/Collapse';
Примеры и код
Свойства и методы
Использование
Lorem ipsum dolor sit amet consectetur adipisicing elit. Obcaecati quo minus quos nesciunt a. Doloremque, impedit ad? Quo minima quod blanditiis voluptatum officia, commodi excepturi nesciunt cum cumque voluptates distinctio exercitationem numquam qui nulla nam!
const collapses = new Collapse()
const collapses = new Collapse({
$element: document.querySelector('[data-name="collapse"]')
})
Начальная высота
Lorem ipsum dolor sit amet consectetur adipisicing elit. Obcaecati quo minus quos nesciunt a. Doloremque, impedit ad? Quo minima quod blanditiis voluptatum officia, commodi excepturi nesciunt cum cumque voluptates distinctio exercitationem numquam qui nulla nam!
Свойства и методы
Название | Значение по умолчанию | Тип | Описание |
---|---|---|---|
mount | true | boolean | инициализация компонента |
name | '' | string | имя компонента |
height | 0 | number (px) | стартовая высота |
duration | 300 | number (ms) | время в мс за которое откроется коллапс |
Название | Значение по умолчанию | Тип | Описание |
---|---|---|---|
mount | (ctx) => | function | |
unmount | (ctx) => | function | |
toggle | (ctx) => | function | срабатывает при переключение |