Компоненты
Доступные React-примитивы с типизированными API и возможностью настройки под ваш продукт.
Аккордеон
Раскрывает один или несколько связанных разделов содержимого, не покидая страницу.
Разделитель
Разделяет соседние секции и может содержать подпись, заголовок, иконку или действие.
Кнопка
Запускает действие или открывает другой ресурс, поддерживает иконки и анимацию нажатия.
Кнопка с иконкой
Запускает компактное действие с одной декоративной иконкой и обязательным доступным именем.
июль 2026 г.
| пн | вт | ср | чт | пт | сб | вс |
|---|---|---|---|---|---|---|
Календарь
Позволяет выбрать одну дату или диапазон дат в локализованной сетке месяца с управлением с клавиатуры.
Выбор даты
Выбирает одну дату через всплывающий календарь.
Выбор диапазона дат
Выбирает диапазон дат (начало и конец) через всплывающий календарь.
Выбор даты и времени
Выбирает дату и время суток через всплывающий календарь.
Checkbox
Toggles a single boolean option with label, description, disabled, and invalid states.
Выпадающий список
Выбирает одно значение из доступного с клавиатуры списка, заменяющего нативный select.
Множественный выбор
Выбирает несколько значений из доступного с клавиатуры списка с необязательным поиском.
Выезжающая панель
Открывает панель с любой стороны экрана, сохраняя контекст текущей страницы.
Диалог
Открывает содержимое или подтверждение действия в нативном модальном окне.
Диалог с формой
Диалог с формой и отдельной кнопкой отправки, не связанной с деструктивным подтверждением.
Командный тариф
Неограниченное число проектов с общими досками и документами.
Карточка
Контейнер содержимого с составными частями заголовка, описания и подвала.
- Активные доски
- 24
- Создано за текущий период
- Участники команды
- 18
- Во всех проектах
Показатели
Адаптивная группа ключевых показателей с иконкой или графиком.
Обзор активности
Метрика пространства
24 доски
Создано за текущий период
Виджет
Объединяет метрики, активность, сведения о пространстве и быстрые действия в компактной карточке.
Лимит команд
Прогресс
Показывает определённый или неопределённый прогресс без обязательного видимого текста.
Спиннер
Показывает активную загрузку стандартным кольцом или произвольной иконкой.
Бейдж
Показывает статус, метаданные или компактный фильтр с настраиваемым оформлением.
Аватар
Показывает изображение профиля, инициалы, статус присутствия или группу аватаров.
Создавайте понятные и цельные интерфейсы
Введите сообщение…
Типографика
Задаёт тексту единые размеры, оттенки, насыщенность и семантическую HTML-разметку.
Создавайте понятные и цельные интерфейсы
Введите сообщение…
Box
Renders a polymorphic layout primitive that keeps styling in className.
Подпись
Нативная подпись, оформленная под остальные элементы формы, с состояниями обязательности, ошибки и отключения.
Поле формы
Связывает подпись, поле ввода, подсказку и сообщение об ошибке через доступные id.
Профиль
Обновите имя, фото и контактные данные.
Секция настроек
Секция страницы настроек с иконкой, заголовком и описанием слева и содержимым справа.
| Имя | Роль |
|---|---|
| Дарья Коул | Владелец |
Таблица
Стилизованная нативная таблица без поведения дата-грида.
| Дарья Коул | Владелец |
Таблица данных
Таблица данных с сортировкой, выбором строк и пагинацией на основе @tanstack/react-table.
Пагинация
Переключает страницы результата, показывая усечённый ряд номеров страниц.
Поле ввода
Принимает однострочные значения и поддерживает элементы слева и справа от поля.
Код подтверждения
Собирает одноразовый код фиксированной длины по отдельным полям для каждого символа.
Текстовая область
Принимает многострочный текст и поддерживает доступные состояния фокуса, ошибки, отключения и изменения размера.
Switch
Включает или выключает настройку с нативным поведением формы и клавиатуры.
Переключатель
Переключает отдельную настройку между нажатым и ненажатым состояниями.
Группа переключателей
Позволяет выбрать один или несколько вариантов в компактной группе переключателей.
Подсказка
Показывает дополнительную информацию при наведении или фокусе на элементе.
Хлебные крошки
Показывает положение текущей страницы в иерархии навигации.
Ссылка «Назад»
Компактная ссылка возврата с иконкой перед текущей страницей.
Ничего не найдено
Попробуйте изменить условия поиска.
Пустое состояние
Заглушка для пустого списка, результата поиска или коллекции.
Хранилище почти заполнено
Освободите место, прежде чем загрузка файлов начнёт завершаться ошибкой.
Уведомление
Показывает статусное сообщение об ошибке, предупреждении, успехе или информации.
Nav
Renders a compact horizontal or vertical list of navigation links.
Вертикальная навигация
Организует ссылки в вертикальные секции с иконками, инициалами и счётчиками.
Всплывающее уведомление
Показывает временное уведомление об успехе, ошибке или статусе в очереди.
Проекты
Заголовок страницы
Заголовок содержимого страницы с надзаголовком, описанием и группой действий.
Шапка
Объединяет логотип, навигацию, действия и адаптивное мобильное меню в шапке приложения.
Кнопка пользователя в сайдбаре
Открывает доступное меню аккаунта из кнопки внизу боковой панели.
Меню
Открывает доступное выпадающее меню действий от любого триггера.
Контекстное меню
Открывает доступное меню действий по клику правой кнопкой мыши.
Дерево навигации
Отображает доступное раскрываемое дерево навигационных ссылок.
Изменяемые панели
Компонует панели, которые меняют размер перетаскиванием общего разделителя.