Создание компонентов вручную

Создание файлов SCSS для компонента

1. Создайте каталог для вашего компонента в src/components.
2. В этом каталоге создайте файл _{имя_компонента}.scss.
3. Необязательно: Создайте любые другие компоненты, которые должны быть логически сгруппированы в этом каталоге.
4. Создайте файл _index.scss в этом каталоге, который импортирует все новые файлы SCSS компонентов, которые вы создали.
5. Импортируйте файл _index.scss в src/components/index.scss.

Это делает ваши стили доступными для вашего проекта и для документации EUI.

Создайте компонент React

1. Создайте компоненты React (желательно на TypeScript) в том же каталоге, что и связанные файлы SCSS.
2. Экспортируйте эти компоненты из файла index.ts.
3. Повторно экспортируйте эти компоненты из src/components/index.js.

Это сделает ваш компонент React доступным для импорта в ваш проект.

Документируйте компонент с примерами

1. Создайте каталог для примера в src-docs/src/views. Назовите его именем компонента.
2. Создайте файл {имя_компонента}_example.js внутри каталога. Вы будете использовать этот файл для определения различных примеров для вашего компонента.
3. Добавьте маршрут к этому файлу в src-docs/src/services/routes/routes.js.
4. В созданном вами файле {имя_компонента}_example.js определите примеры, демонстрирующие компонент и описывающие его роль с точки зрения пользовательского интерфейса.

👉 Обратитесь к Руководству по документации для получения дополнительных инструкций по написанию документации.