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].
nx-design@1.2.103 - react 17 nx-design@1.2.104 - react 16