КомпонентыНовое
Аккордеон со шторкой
Вопросы и ответы, которые раскрываются на пружине. Текст ответа проявляется сверху вниз, как шторка. Можно разрешить открывать несколько пунктов сразу.
Настройки
accentColor
secondaryColor
glowColor
Основано на Accordion (MIT лицензия) · Условия использования
Ещё в Pro
Смотреть всеПараметры
10 параметров| Параметр | Тип | По умолчанию | Описание |
|---|---|---|---|
| children | ReactNode | — | Пункты AccordionItem с AccordionHeader и AccordionPanel внутри. |
| multiple | boolean | false | Можно раскрыть несколько пунктов сразу. |
| defaultValue | string | string[] | — | Какой пункт открыт сразу. |
| accentColor | string | "#ffffff" | Основной цвет: рамка и стрелка открытого пункта. |
| secondaryColor | string | "#a3a3a3" | Второй цвет: им заканчивается подсветка заголовка открытого пункта. |
| glowColor | string | "rgba(255, 255, 255, 0.12)" | Мягкое свечение вокруг открытого пункта. |
| AccordionItem.value | string | — | Уникальное имя пункта. |
| AccordionHeader.customIcon | boolean | — | Скрыть стрелку, чтобы поставить свою иконку. |
| AccordionPanel.articleClassName | string | — | Классы внутреннего блока, который открывается шторкой. |
| className | string | — | Дополнительные классы. |
Зависимости
Пакетов: 4
npm install motion lucide-react clsx tailwind-merge