Kvality UI
Библиотека компонентов Kvality — один источник для приложения, админки и всех будущих сервисов.
Все общие компоненты живут в пакете @lead-score/ui (shared/ui). Приложение, админка и любой новый сервис в apps/*
берут их отсюда, а не копируют.
Подключение
Как добавить пакет в новое приложение
Токены
Цвета, типографика, радиусы
Иконки
Свои иконки и весь Remix Icon с поиском
Button
Начните с самого частого компонента
Как устроен каталог
| Раздел | Что внутри | Импорт |
|---|---|---|
| Базовые | Кнопки, поля, бейджи, диалоги, меню — кирпичики на radix-ui | @lead-score/ui/base/* |
| Составные | Таблицы, фильтры, заголовки страниц, карточки-виджеты | @lead-score/ui/composite/* |
| Графики | Диаграммы и палитры | @lead-score/ui/charts/* |
| Иконки | Логотип, соцсети, свои SVG | @lead-score/ui/icons/* |
| Хуки и утилиты | cn, буфер обмена, медиазапросы | @lead-score/ui/hooks/*, @lead-score/ui/lib/* |
Как пользоваться страницей компонента
- Живой пример — код под превью можно править, превью обновляется сразу. Кнопка ↻ возвращает исходный пример.
- Пропсы — таблица собирается из TypeScript-типов компонента, поэтому всегда актуальна.
- Исходный код — раскройте блок внизу страницы, чтобы увидеть файл целиком.
- Поиск — ⌘ K ищет по названиям, пропсам и тексту.