КомпонентыНовое
Панель с раскрывающимися подписями
Панель из иконок: при наведении или фокусе кнопка расширяется и показывает подпись. Подсказка прямо внутри кнопки, без всплывашек.
Настройки
color
activeBackground
borderColor
Основано на ordinary-owl-54 by csemszepp (MIT лицензия) · Условия использования
Ещё в Pro
Смотреть всеПараметры
8 параметров| Параметр | Тип | По умолчанию | Описание |
|---|---|---|---|
| items | ExpandingToolbarItem[] | — | Кнопки слева: иконка, подпись и обработчик нажатия. |
| endItems | ExpandingToolbarItem[] | — | Кнопки справа, после разделителя. |
| width | number | 360 | Ширина всей панели в пикселях. |
| expandedWidth | number | 142 | Ширина раскрытой кнопки в пикселях. |
| color | string | "#d4d4d4" | Цвет иконок и подписей. |
| activeBackground | string | "rgba(255, 255, 255, 0.08)" | Фон раскрытой кнопки. |
| borderColor | string | "rgba(255, 255, 255, 0.14)" | Цвет рамки и разделителя. |
| className | string | — | Классы для обёртки. |
Зависимости
Пакетов: 2
npm install clsx tailwind-merge