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