Как добавить HTML-оболочку в компонент Angular в сборник рассказов
Декораторы сборников рассказов — это ответ на создание немного большей разметки.
Storybook предлагает множество инструментов для визуального документирования всех ваших компонентов JavaScript. Начать работу с Storybook и Angular тоже довольно просто. Но некоторые функции скрыты или недостаточно описаны, чтобы их знать.
Итак, в нашей команде мы писали компонент формы Angular с помощью Angular Material. Некоторые элементы не имели должного стиля, потому что не имели контекста нашего приложения. Нам нужен элемент-обертка.
Угловые декораторы сборника рассказов
Декораторы сборника рассказов — это ответ на создание дополнительной разметки для добавления контекста к вашим компонентам.
Команда Storybook упростила добавление декораторов.
В нашем случае нам нужен был только <div>
с классом mat-body
, чтобы получить правильное семейство шрифтов формы.
С помощью этих декораторов вы можете добавить дополнительный контекст или стиль вокруг ваших компонентов.
Удачного программирования 🚀