Academic Workspace
Центр Алмазова

Design Components

Каталог показывает те же компоненты, которыми собираются продуктовые экраны: каждый пример импортирован из src/components, а не нарисован стилями этой страницы. Значения берутся из Foundations.

Button

Четыре варианта и два размера. Иерархия действий строится вариантом, а не размером.

Варианты

Primarycomponents/Button
Secondary
Ghost
Danger
Disabled

Поля ввода

Одна высота и один радиус для всех однострочных элементов управления. Фокус показывается кольцом, а не сменой толщины границы.

Элементы

Field + Inputcomponents/FormControl
Textarea
Select
Disabled
Checkboxcomponents/Choice
Radio

Прочее

Статусы работ выражаются бейджами. Тон соответствует состоянию, а не важности.

Элементы

Badgecomponents/Badge
ЧерновикНа проверкеПринятоСрок сегодняПросроченоАвтопроверка
Avatarcomponents/Avatar
Dividercomponents/Divider