Accordion
Компонент выпадающей информации
AccordionItem
Компонент представляет собой заголовок и контент, который раскрывается при нажатии.
Примеры Accordion
- Default
- View
- Size
- Stretching
Использование Accordion в Controlled варианте
Использование Accordion SingleActive
Использование Accordion с eventKey и defaultActiveEventKey
Встроенная иконка AccordionItem
defaultIconContent задаёт вид встроенной иконки: arrow — залитая стрелка, chevron — контурный шеврон, sign — знак плюс/минус, clear — без иконки. defaultIconPlacement размещает её слева или справа.
- Arrow
- Sign
- Clear
Использование AccordionItem с кастомной иконкой contentRight и анимацией
Если передать contentRight, компонент полностью отдаёт управление иконкой снаружи и не применяет встроенную анимацию поворота (она работает только для встроенной иконки, заданной через defaultIconContent). Чтобы анимировать кастомную иконку, нужно самостоятельно менять её стиль в зависимости от состояния opened.