Библиотека UI-компонентов для экосистемы PulseSync. React-компоненты с SCSS-модулями, дизайн-токенами и анимациями.
npm install @maks1mio/pulsesync-uikitPeer-зависимости: react, react-dom, framer-motion (опционально).
import { Button, Input, PulseSyncUIProvider } from '@maks1mio/pulsesync-uikit'
import '@maks1mio/pulsesync-uikit/styles'
function App() {
return (
<PulseSyncUIProvider>
<Button variant="primary">Кнопка</Button>
<Input placeholder="Поле ввода" />
</PulseSyncUIProvider>
)
}| Компонент | Описание |
|---|---|
| Accordion | Раскрывающиеся секции |
| Avatar | Аватар с группой и индикатором статуса |
| Badge | Бейджи и теги |
| Button | Кнопки: primary, secondary, ghost, outline |
| ColorPicker | Выбор цвета |
| ConfirmModal | Модальное окно подтверждения |
| DropdownMenu | Вложенное выпадающее меню |
| FilePicker | Выбор файлов |
| Input | Поле ввода |
| NavigationBar | Вертикальная панель навигации |
| NavLink | Ссылка для роутера |
| OptionPicker | Выбор опций |
| Pagination | Пагинация |
| PromptModal | Модальное окно с вводом |
| Select | Выпадающий список |
| Skeleton | Заглушка загрузки |
| Slider | Слайдер |
| Tabs | Вкладки |
| TextInput | contentEditable-поле |
| Toast | Уведомления |
| Toggle | Переключатель |
| Tooltip | Всплывающая подсказка |
| UserCard | Карточка пользователя |
| UserMenu | Меню профиля |
| UserMention | Упоминание пользователя |
Библиотека использует CSS-переменные из tokens.css. Их можно переопределить в своём приложении.
Выпуск версии:
git tag v1.0.0
git push origin v1.0.0npm run release:local # текущая версия из package.json
npm run release:local -- 1.0.0 # указать версиюMIT