🌌 ABSC-company synapse-ui-package

Библиотека UI-компонентов на React.

Установить пакет

pnpm add @absc_company/synapse-ui-package

Пакету нужны react и react-dom (peer-зависимости):

pnpm add react react-dom

Как использовать

1. Обернуть приложение в UIProvider

Провайдер подключает тему и стили. Оберните в него корень приложения один раз:

import { UIProvider } from '@absc_company/synapse-ui-package';

export const App = () => (
  <UIProvider>
    <Routes />
  </UIProvider>
);

2. Импортировать компоненты

Все компоненты импортируются из корня пакета:

import { Button, Input, Dialog } from '@absc_company/synapse-ui-package';

export const LoginForm = () => (
  <form>
    <Input placeholder='Email' />
    <Button>Войти</Button>
  </form>
);

Что внутри

• UI-компоненты — Button, Input, Select, Dialog, Table, DatePicker, Toaster и другие.
• Layout-компоненты — Box, Flex, Grid, Stack, Container, SimpleGrid и т.д.
• Утилиты — Show, For, Portal, Presence, FormatNumber, FormatByte и др.

Полный список доступного API см. в экспорте пакета. Примеры использования компонентов смотрите в Storybook:

pnpm dev