Consta — библиотека компонентов и правила их взаимодействия на GitHub для разработчиков, в Figma для дизайнеров. Подробнее читайте на сайте дизайн-системы.
Телеграм-канал с обновлениями и новостями
Использование
Установка пакета
yarn add @consta/uikit
Применение
Для использования компонентов на проекте следует подключить тему:
import { Theme, presetGpnDefault } from '@consta/uikit/Theme';
import { Button } from '@consta/uikit/Button';
const App = () => (
<Theme preset={presetGpnDefault}>
<Button label="Кнопка" />
</Theme>
);Документация и стенд
На стенде можно менять параметры и смотреть, как меняются компоненты. Документация — во вкладке у каждого компонента.