ЛоадерыНовое
Загрузка ИИ
Статус «думаю» для чата с ИИ: слова сменяются с размытием, по буквам бежит мягкая волна яркости.
Настройки
gradientFrom
gradientTo
waveColor
Основано на AI Text Loading (MIT лицензия) · Условия использования
Ещё в Pro
Смотреть всеПараметры
8 параметров| Параметр | Тип | По умолчанию | Описание |
|---|---|---|---|
| texts | string[] | "[\"Thinking...\", \"Processing...\", \"Analyzing...\", \"Computing...\", \"Almost...\"]" | Слова, которые сменяют друг друга. |
| interval | number | 1500 | Сколько держится одно слово, в миллисекундах. |
| showElapsed | boolean | false | Показывать секунды ожидания рядом со словом. |
| label | string | "Loading" | Постоянный текст для экранных чтецов. |
| className | string | — | Классы для обёртки. |
| gradientFrom | string | "#ffffff" | Цвет первой буквы. Текст плавно переходит в цвет конца градиента. |
| gradientTo | string | "#d4d4d8" | Цвет последней буквы, конец градиента. |
| waveColor | string | "#ffffff" | Цвет, через который проходят буквы, когда по ним бежит волна. |
Зависимости
Пакетов: 3
npm install motion clsx tailwind-merge