NNTC UI Kit

React компонентная библиотека для создания пользовательских интерфейсов.

Установка

npm install nntc-ui

Использование

1. Подключите в приложении только стили компонентных CSS-модулей (один файл):

import 'nntc-ui/index.css';

2. Оберните дерево в ThemeProvider — в рантайме подставятся global.css, localGlobal.css и палитра активной темы (dark / light); отдельно импортировать styles/themes/*.css не нужно.

import 'nntc-ui/index.css';
import { ThemeProvider, Button } from 'nntc-ui';
import { InfoIcon } from 'nntc-ui';

function App() {
  return (
    <ThemeProvider>
      <Button variant="primary" icon={<InfoIcon />} onClick={() => console.log('clicked')}>
        Нажми меня
      </Button>
    </ThemeProvider>
  );
}

Переключение темы через хук:

import { useThemeWithFallback } from 'nntc-ui';

function ThemeToggleButton() {
  const { theme, toggleTheme } = useThemeWithFallback();
  return (
    <button type="button" onClick={toggleTheme}>
      {theme === 'light' ? 'Dark' : 'Light'}
    </button>
  );
}

Разработка

yarn install
yarn dev

Сборка пакета (dist/)

yarn build

Публикуйте содержимое каталога dist (там подставляются name / version из корневого package.json).

Лицензия

MIT