Summary

We started this chapter by creating the placeholder components for each of the main categories of the UI components. The components are categorized under various category layouts, material cards, form controls, navigations, buttons and indicators, modals and popups, and tables. 

We started by creating the navigation menu component. We learned how to autogenerate the navigation menu component using schematics. We then also learned how to implement a custom menu for our apps. Next, we started learning and implementing the layout components that are provided by Angular Material. In the layout components, we learned about Material cards. We learned how to include various content inside the Material cards. We learned about various lists that are supported by Material. We learned about lists with dividers, and navigation lists. We also learned how to implement accordions and expansion panels to better group and arrange the data. We also explored how to use the stepper component, which is very useful when designing UX for data that requires various steps. Along the same lines, we learned about grouping things using tabs.

Next, we explored Material forms and learned how to implement form field elements including input, textarea, radio and checkbox buttons, sliders, and slide toggles. We also learned about different types of buttons and indicators, including badges and tags that are provided by Material. We then learned about and implemented the modals and pop-up windows that are provided by Angular Material.

Finally, we learned about data tables, and how schematics help us to set up data tables quickly in our applications.

A separate book is required if we want to cover every nook and hook of the Angular Material components. We have tried to give you an overview of the different components available, and why you might consider Material in your next project when it makes sense to do so and suits you/your clients.  It's definitely worth a try!

..................Content has been hidden....................

You can't read the all page of ebook, please click here login for view all page.
Reset
13.58.247.31