ТекстНовое
Табло вокзала
Буквы листаются, как на табло в аэропорту: каждая табличка крутится до нужного знака и падает на петле.
Настройки
textColor
edgeColor
Основано на Split Flap Text (MIT лицензия) · Условия использования
Ещё в Pro
Смотреть всеПараметры
8 параметров| Параметр | Тип | По умолчанию | Описание |
|---|---|---|---|
| text | string | — | Показать один текст. Если не задан, крутятся слова из words. |
| words | string[] | "[\"NOW BOARDING\", \"GATE 12\", \"ON TIME\", \"LAST CALL\"]" | Строки для смены по кругу. Буквы A–Z, цифры и знаки : . - / & ! ? |
| interval | number | 3800 | Сколько держится одно слово, в миллисекундах. |
| length | number | — | Число табличек. По умолчанию по самому длинному слову. |
| tileClassName | string | — | Классы для каждой таблички, чтобы перекрасить табло. |
| className | string | — | Классы для обёртки. |
| textColor | string | "#fafafa" | Цвет букв на табло. |
| edgeColor | string | "rgba(255,255,255,0.1)" | Цвет тонкой рамки вокруг каждой плашки. |
Зависимости
Пакетов: 2
npm install clsx tailwind-merge