Condo UI – это библиотека адаптивных React-компонентов, позволяющая создавать мини-приложения,
интерфейс которых будет схожим с интерфейсом Condo.
Интерактивная песочница
Все компоненты Condo UI можно найти в нашей интерактивной песочнице,
где можно посмотреть на их поведение, параметры и состояния (для отображения панели управления используйте клавишу
A).Установка
Чтобы установить библиотеку, просто выполните следующую команду в соответствии с вашим пакетным менеджером:
npm
yarn
pnpm
bashnpm i @open-condo/ui
После чего добавьте CSS-стили Condo UI в свое приложение и все компоненты Condo UI станут доступны для использования:
typescriptimport '@open-condo/ui/dist/styles.min.css'
Использование библиотеки
Вы можете импортировать необходимый компонент следующим образом:
typescriptimport { Button } from '@open-condo/ui' import type { ButtonProps } from '@open-condo/ui'
Помимо компонентов в библиотеке так же доступна и вся цветовая палитра Condo UI. Получить её можно либо в формате JS-объекта,
либо в формате CSS-переменных вместе с другими CSS-токенами:
JS-object
CSS-vars
typescriptimport { colors } from '@open-condo/ui/colors'
Что дальше?
Основы построения страниц из компонентов Condo UI вместе другими советами и стайл-гайдами можно найти
в наших материалах для дизайнеров.