Аккордеон
компонент аккордеона
@import 'node_modules/jcore-ui/lib/scss/components/accordion.scss';
import { Accordion } from 'jcore-ui';
import Accordion from 'jcore-ui/bin/lib/components/Accordion';
Примеры и код
Свойства и методы
Использование
Аккордеон
Контент аккордеона
const accordions = new Accordion()
const accordion = new Accordion({
$element: document.querySelector('[data-name="example"]')
})
Свойства и методы
Название | Значение по умолчанию | Тип | Описание |
---|---|---|---|
mount | true | boolean | инициализация компонента |
name | '' | string | имя компонента |
active | false | boolean | если true, то будет активной первая панель |
multiple | false | boolean | если true, то панели не будут закрываться при нажатии на другую |
duration | 300 | number (ms) | время, за которое будет открыта панель в мс |
Название | Значение по умолчанию | Тип | Описание |
---|---|---|---|
mount | (ctx) => | function | |
unmount | (ctx) => | function | |
toggle | (ctx) => | function | срабатывает при переключение |