Перед тем как перейти к характеристикам компонента, нужно добавить основную информацию. Для начала заполните таблицу Component basics (Основные сведения о компоненте): укажите его название, опишите назначение и загрузите схему структуры с цифровыми обозначениями. Эти обозначения помогут определить каждый элемент структуры компонента. С помощью этого раздела сотрудники, работающие с компонентом, смогут лучше понять его особенности.

Здесь вам нужно обозначить варианты использования компонента и рассказать, какую роль он играет в дизайне, как выглядит и работает в разных контекстах. Используйте код из репозитория для своей системы дизайна, чтобы продемонстрировать разные варианты. Наконец, опишите визуальный стиль компонента. Обязательно добавьте успешные и неудачные примеры использования.

Каждый компонент имеет свои особенности. Их можно указать в разделе Additional guidance (Дополнительные рекомендации). Начните с содержимого: существуют ли для этого компонента специальные правила пунктуации или стандартные метки? Укажите их в шаблоне, а также добавьте сведения о применении с учетом людей с ограниченными возможностями и на мобильных устройствах. По возможности укажите отраслевые рекомендации, связанные с использованием компонента. Наконец, разместите ссылки на связанные компоненты или шаблоны.