nx-design

[Дизайн-система NX Design]| Библиотека интерфейсных компонентов

NX Design — дизайн-система для разработки интерфейсов, написана на React, сделана и поддерживается в «Неофлекс».

В этом репозитории — библиотека интерфейсных компонентов: простые контролы, сложные блоки, темы и хуки.

Что входит в дизайн-систему

Библиотека компонентов

Репозиторий | NPM | Документация и стенд

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

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

yarn add nx-design

Сборка пакета

yarn build

Начните работу с библиотекой

Чтобы начать работу с библиотекой интерфейсных компонентов, подключите тему:

import { Theme, presetGpnDefault } from 'nx-design/Theme';
import { Button } from 'nx-design/Button';

const App = () => (
  <Theme preset={presetGpnDefault}>
    <Button label="Кнопка" />
  </Theme>
);

Что такое темы и как с ними работать

Документация и стенд

На стенде можно менять параметры и смотреть, как меняются компоненты. Документация — во вкладке у каждого компонента.

Вперёд, к стенду

Лицензия

Дизайн-систему можно использовать бесплатно, она распространяется «Неофлекс» на условиях открытой [лицензии MIT].

Версии React

nx-design@1.2.103 - react 17 nx-design@1.2.104 - react 16