КомпонентыProНовое
Док как в macOS
Панель иконок, которые увеличиваются под курсором. По клику иконка подпрыгивает, под ней загорается точка, а разделитель можно потянуть.
Настройки
accentColor
glowColor
highlightColor
Основано на Dock (MIT лицензия) · Условия использования
Параметры
8 параметров| Параметр | Тип | По умолчанию | Описание |
|---|---|---|---|
| Dock.children | ReactNode | — | Карточки DockCard и разделители DockDivider. |
| DockCard.id | string | — | Номер карточки в виде строки, нужен для анимаций. |
| DockCardInner.src | string | — | Картинка иконки. |
| DockCardInner.children | ReactNode | — | Что показать вместо картинки после клика. |
| accentColor | string | "#ffffff" | Главный цвет: точка под запущенной иконкой и обводка активной иконки. |
| glowColor | string | "rgba(255,255,255,0.12)" | Мягкое свечение под доком и вокруг активной иконки. |
| highlightColor | string | "rgba(255,255,255,0.08)" | Тонкий светлый блик по верхнему краю дока. |
| className | string | — | Дополнительные классы. |
Зависимости
Пакетов: 3
npm install motion clsx tailwind-merge