Dock
Док с увеличением, как в macOS. Иконки плавно растут под курсором, соседние тянутся следом.
зависимости 0файлы tsx + css + tsпараметры 6react 18+
X 0000 Y 0000↳ Проведите по доку
Пульт06 параметров
01baseSize
px
Размер иконки в покое.
02magnification
px
Размер прямо под курсором.
03distance
px
Как далеко расходится увеличение.
04gap
px
Расстояние между иконками.
05smoothing
Как быстро иконки следуют.
06labels
Подпись при наведении.
01 Пропсы
| Проп | Тип | По умолчанию | Описание |
|---|---|---|---|
baseSize | number | 48 | Размер иконки в покое. |
magnification | number | 80 | Размер прямо под курсором. |
distance | number | 170 | Как далеко расходится увеличение. |
gap | number | 10 | Расстояние между иконками. |
smoothing | number | 0.2 | Как быстро иконки следуют. |
labels | boolean | true | Подпись при наведении. |
items | DockItem[] | — | { icon, label, onClick?, active? } для каждой иконки. |
className | string | — | Передаётся корневому элементу. |
style | CSSProperties | — | Передаётся корневому элементу. |