Создание пользовательской библиотеки компонентов пользовательского интерфейса поверх материала

Question

Я хочу создать угловое приложение.Я хочу, чтобы конечный продукт выглядел очень определенным образом, в отличие от того, как материал выглядит прямо сейчас.Тем не менее, я хочу двигаться быстро, чтобы повторить свой продукт.Я не хочу тратить кучу времени на переосмысление логики, которая уже доступна на английском языке / материале.

Я думаю об упаковке каждого компонента материала, который я хочу использовать в пользовательском компоненте.Например, я бы создал компонент ui-tooltip, который оборачивает всплывающую подсказку материала.Затем в ui-tooltip.style я бы заставил свои собственные стили использовать тег !important.

Это то, как я должен поступить так?Можно ли в корне изменить дизайн материала при сохранении функциональности?Есть ли проекты, на которые вы можете указать мне, кто делал это раньше?

Answer 1

Если вы думаете, что Материал с помощью всего лишь нескольких настроек сделает то, что вы хотите, это здорово. Если вы хотите изменить функциональность, то расширение компонентов - отличный способ сделать это. Например, я был в одной команде, которая создала наш собственный компонент в стиле Toast, который можно расположить где угодно, а не только на краю экрана. Я также был в команде, которая объединила многофункциональный компонент с списком фишек

Тем не менее, если вы хотите использовать в основном те же функции, но при этом меняя только внешний вид, я рекомендую создать тему пользовательского материала . Документы сосредоточены в основном на цветах, однако использование миксинов позволит вам углубиться в компонент Angular Material, чтобы изменить такие параметры, как размеры, отступы и поля.