Demo App with API, documentation and examples
Incorporating Google Material Components for a faithful and accurate representation of Material Design as envisioned on the web platform by Google's Material Design team.
npm i @angular-mdc/web
Angular MDC requires Angular 5, which itself requires TypeScript 2.6+ and RxJS 5.5+.
Check out our Getting Started guide to begin adopting Angular MDC in your project.
Using Angular CLI? Try our Angular CLI - step by step guide.
Each component uses material-components-web foundation and adapter APIs.
| Component | Status | Demo |
|---|---|---|
| app-bar | Available | View Demo |
| button | Available | View Demo |
| card | Available | View Demo |
| checkbox | Available | View Demo |
| chips | Available | View Demo |
| data-table | In-progress | |
| dialog | Available | View Demo |
| drawer | Available | View Demo |
| elevation | Available | View Demo |
| expansion-panel | In-progress | |
| fab | Available | View Demo |
| form-field | Available | View Demo |
| icon-toggle | Available | View Demo |
| linear-progress | Available | View Demo |
| list | Available | View Demo |
| menu | Available | View Demo |
| radio | Available | View Demo |
| ripple | Available | View Demo |
| select | Available | View Demo |
| slider | Available | View Demo |
| snackbar | Available | View Demo |
| switch | Available | View Demo |
| tabs | Available | View Demo |
| textfield | Available | View Demo |
| theme | Available | View Demo |
| toolbar | Available | View Demo |
| typography | Available | View Demo |
Want to develop your own components or change existing ones? Check out our Developer guide.