Обзор дизайн-системы

Специализированные

Локальные рабочие примеры и явные границы интеграций.

Состав раздела · 9
  • BarChart · графики и диаграммы
  • Calendar · календарь и планирование
  • Kanban · доска
  • MapView · карта по запросу
  • MarkdownEditor · текстовый редактор
  • CommentThread · комментарии и чат
  • CommandPalette · палитра команд
  • MediaPlayer · аудио
  • MediaPlayer · видео

Демонстрационные данные

Эти компоненты подключаются по задаче продукта. Изменения доски, календаря и сообщений остаются в текущем примере.

Диаграмма

BarChart

Горизонтальная диаграмма с читаемыми на телефоне подписями и текстовыми значениями для экранного диктора.

Демонстрационные размеры файлов
PNG
842 КБ
PDF
240 КБ
SVG
18 КБ

Календарь и планирование

Calendar
ноябрь 2026 г.

Выбрано: 2026-11-03

    Канбан

    Kanban

    Перетаскивание мышью; выпадающий выбор обеспечивает тот же результат на телефоне и с клавиатуры.

    Запланировано 1

    Выбрать файлы

    В работе 1

    Настроить экспорт

    Готово 1

    Проверить результат

    Перетаскивай карточки или используй список перемещения.

    Карта

    MapView

    Внешняя карта загружается только по явному нажатию. Для приватных данных и другого провайдера нужна отдельная продуктовая интеграция.

    Пример карты: центр Москвы

    Карта OpenStreetMap загружается с внешнего сервера по нажатию.

    © OpenStreetMap contributors · открыть карту

    Текстовый редактор

    MarkdownEditor

    Поддерживает заголовок, полужирный текст и список; HTML не исполняется.

    Комментарии и чат

    CommentThread
    Команда Fibra

    Это локальный пример комментариев. Сообщения никуда не отправляются.

    Палитра команд

    CommandPalette

    Аудио- и видеоплеер

    MediaPlayer

    Медиафайл не выбран. Выбери локальный файл в примере.

    Нативные controls работают с клавиатурой. Поддержка формата зависит от браузера.

    Примеры показывают компоненты и локальное поведение. Сервисы, авторизация и оплата подключаются отдельно.

    Применение в каталоге