Согласуйте дизайн со своим сайтом
Измените текст, цвета и отступы, сохранив поведение компонента.
Начните с доступных настроек
На странице примера показаны только поддерживаемые им настройки. У некоторых эффектов нет настройки цвета. Выбранные значения записаны в config.json и SelectedExample.tsx; изменение одного config.json не обновляет компонент автоматически.
Другие свойства задаются через кодовый API. Сначала прочитайте инструкцию: у разных примеров различаются свойства и допустимая длительность.
Используйте стили проекта
Комплекты наследуют шрифт вашего сайта. Сохраните CSS Module компонента и при необходимости свяжите его цвета и отступы с токенами проекта. Текст меняйте в copy-файле или свойствах, указанных в инструкции.
Сохраните читаемые тексты, выбранные состояния, ошибки и фокус клавиатуры. Акцентный цвет не заменяет подпись или сообщение о состоянии. После изменения фона или подбора цвета текста снова проверьте контраст.
Проверьте длинный текст
Проверьте самые длинные подписи кнопок и заголовки на узком экране и при масштабе 200%. Не задавайте фиксированную высоту, обрезающую переводы. Сохраните семантику кнопки или ссылки и слоты иконок; приватные paths иконок сайта в комплект не входят.