КнопкиНовое
Иконки соцсетей с подсказкой
Круглые кнопки-ссылки: при наведении цвет заливает кнопку снизу вверх, а сверху выпрыгивает подсказка с названием.
Настройки
fillColor
iconColor
activeIconColor
background
Основано на chilly-eagle-55 by PriyanshuGupta28 (MIT лицензия) · Условия использования
Ещё в Pro
Смотреть всеПараметры
8 параметров| Параметр | Тип | По умолчанию | Описание |
|---|---|---|---|
| items | SocialTooltipIcon[] | — | Ссылки: подпись, адрес, иконка и свой цвет по желанию. |
| size | number | 50 | Диаметр кнопки в пикселях. |
| fillColor | string | "#fafafa" | Цвет заливки при наведении и фона подсказки. |
| iconColor | string | "#d4d4d4" | Цвет иконки в покое. |
| activeIconColor | string | "#0a0a0a" | Цвет иконки и текста подсказки при наведении. |
| background | string | "#171717" | Фон кнопки в покое. |
| newTab | boolean | true | Открывать ссылки в новой вкладке. |
| className | string | — | Классы для обёртки. |
Зависимости
Пакетов: 2
npm install clsx tailwind-merge