Guia para estilização de componentes reutilizáveis em aplicações angular.

Abstract

Within the web developer career, specializing in front-end is common. In this area, it is common to find similar problems that require similar solutions, such as navigation interfaces, search areas and forms. To deal with these situations, there are several ready-made resources that allow the reuse of solutions, establishing a standard. However, when using reusable components in front-end development with the Angular framework, challenges arise in customizing these solutions to suit different designs. This work addresses the different types of reusable components from the Angular Material library, in addition to exploring different approaches to styling them in the context of the Angular framework. A guide was created with practical examples and tips to assist front-end developers in customizing existing components in Angular, overcoming the difficulties encountered. With this improved approach, front-end developers will be able to customize reusable components in Angular more efficiently, meeting design requirements in a more flexible and intuitive way.