Angular Material Design

All in one app for material design tutorial

The goal of Angular Material

Our goal is to build a set of high-quality UI components built with Angular and TypeScript, following the Material Design spec. These components will serve as an example of how to write Angular code following best practices.

It covers many material design components, such as:

✔ Form Controls
Autocomplete
Checkbox
Datepicker
Form-Field
Input
Radio button
Select
Slider
Slide toggle

✔ Navigation
Menu
Sidenav
Toolbar


✔ Layout
Card
Divider
Expansion Panel
Grid list
Stepper
Tabs


✔ Buttons & Indicators
Button
Button toggle
Chips
Icon
Progress spinner
Progress bar

✔ Popups & Modals
Dialog
Snackbar
Tooltip


✔ Data table
Paginator
Sort header
Table