КомпонентыProНовое
Динамический остров
Чёрная капсула как на iPhone: плавно растягивается под звонок, таймер, уведомление или плеер.
Настройки
accentColor
glowColor
highlightColor
Основано на Dynamic Island (MIT лицензия) · Условия использования
Параметры
9 параметров| Параметр | Тип | По умолчанию | Описание |
|---|---|---|---|
| view | 'idle' | 'ring' | 'timer' | 'notification' | 'music' | "idle" | Какой экран показывает остров: погода, звонок, таймер, уведомление или плеер. |
| onViewChange | (view) => void | — | Вызывается при переключении экрана кнопками. |
| idleContent | ReactNode | — | Своё содержимое для экрана покоя. |
| ringContent | ReactNode | — | Своё содержимое для звонка. |
| timerContent | ReactNode | — | Своё содержимое для таймера. |
| accentColor | string | "#ffffff" | Главный цвет: иконки, мигающая точка, полоска таймера и счётчик. |
| glowColor | string | "rgba(255,255,255,0.1)" | Мягкое свечение вокруг острова. |
| highlightColor | string | "rgba(255,255,255,0.1)" | Тонкая светлая обводка острова. |
| className | string | — | Классы для внешнего блока. |
Зависимости
Пакетов: 2
npm install motion lucide-react