Да, я изменял компоненты из набора Angular Material для того, чтобы их кастомизировать под нужды конкретного проекта. Для этого я использовал несколько методов:
1. CSS Custom Properties: я использовал пользовательские переменные CSS для переопределения стилей компонентов Angular Material. Это позволило мне быстро изменить такие параметры как цвета, отступы, шрифты и прочее.
2. Class Overrides: иногда для настройки компонентов я просто добавлял новые классы или переопределял существующие стили с помощью классов. Это позволяет более гибко настраивать компоненты Angular Material.
3. Theming: использование темизации Angular Material помогает быстро изменить общий стиль приложения с помощью установки основного цвета, шрифтов и других параметров.
Что касается оптимального использования компонентов Angular Material, то всё зависит от конкретной задачи и требований проекта. В некоторых случаях использование компонентов "из коробки" может быть быстрым и удобным решением, особенно если требования к дизайну несложные. Однако в более сложных случаях, когда требуется более тонкая настройка дизайна, создание кастомизированных вариантов компонентов может быть необходимо.
Я часто занимался настройкой компонентов Angular Material под конкретный дизайн проекта, создавая варианты компонентов с измененными отступами, цветами и шрифтами. Это помогало добиться единой стилистики в приложении и соответствия дизайну заказчика.
Возможными альтернативами в настройке компонентов Angular Material могут быть использование библиотек стилей, например, SCSS или LESS, для более удобной и гибкой работы со стилями компонентов. Также можно создавать собственные директивы или компоненты-обертки над компонентами Angular Material для добавления дополнительной функциональности или стилизации.