Here we discuss the steps to create a search bar using angular material, which is very easy, readable. Labels are present inside the form field inside the material library. $ ng new angular-material-loaders $ cd angular-material-loaders # Install Angular Material in project. Download the complete code from Github here: Repo Link To create beautiful user authentication components, we will rely on Angular Flex layout CDK. You have to import MatIconModule in your project, in my project I import the necessary component in a separate file then I import it in the AppModule, you can use this or import them directly :. I have used Angular 12 and Angular Material 12.2.8 for this example. All of the attributes that can be used with normal and