Библиотека UI-компонентов для экосистемы PulseSync. React-компоненты с SCSS-модулями, дизайн-токенами и анимациями.
npm install @pulsesync/uikitPeer-зависимости: react, react-dom, framer-motion (опционально).
import { Button } from '@pulsesync/uikit/actions'
import { Input } from '@pulsesync/uikit/inputs'
import '@pulsesync/uikit/styles'
function App() {
return (
<>
<Button variant="primary">Кнопка</Button>
<Input placeholder="Поле ввода" />
</>
)
}@pulsesync/uikit/actions@pulsesync/uikit/layout@pulsesync/uikit/navigation@pulsesync/uikit/inputs@pulsesync/uikit/feedback@pulsesync/uikit/data-display@pulsesync/uikit/styles
| Компонент | Описание |
|---|---|
| Accordion | Раскрывающиеся секции |
| Avatar | Аватар с группой и индикатором статуса |
| Badge | Бейджи и теги |
| Button | Кнопки: primary, secondary, ghost, outline |
| ColorPicker | Выбор цвета |
| ConfirmModal | Модальное окно подтверждения |
| Breadcrumbs | Хлебные крошки |
| DropdownMenu | Вложенное выпадающее меню |
| FilePicker | Выбор файлов |
| FilterButton | Кнопка фильтра |
| IconButton | Кнопка-иконка |
| Input | Поле ввода |
| OptionPicker | Выбор опций |
| Pagination | Пагинация |
| PromptModal | Модальное окно с вводом |
| SearchBox | Поле поиска |
| Select | Выпадающий список |
| Skeleton | Заглушка загрузки |
| Slider | Слайдер |
| Tabs | Вкладки |
| TextInput | contentEditable-поле |
| TitleText | Заголовок секции |
| Toast | Уведомления |
| Toggle | Переключатель |
| Tooltip | Всплывающая подсказка |
| ViewToggle | Переключатель вида |
Библиотека использует CSS-переменные из tokens.css. Их можно переопределить в своём приложении.
MIT