Demo App with API, documentation and examples
Incorporating Google Material Components, our Angular library provides a faithful and accurate representation of Material Design as it is envisioned on the web platform by Google's Material Design team. Our goal is to equip Angular developers with modular, straightforward and production-ready Material Design components.
- Changelog
- Getting Started guides
- Demo, documentation and examples
- Contributing
- Developer guide
- Gitter Chat
npm i @angular-mdc/web
npm i @angular-mdc/web@latest
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.
Adopting material-components-web via foundations and adapters.
| Component | Status | Demo |
|---|---|---|
| button | Available | View Demo |
| card | Available | View Demo |
| checkbox | Available | View Demo |
| dialog | Available | View Demo |
| drawer | Available | View Demo |
| elevation | Available | View Demo |
| fab | Available | View Demo |
| form-field | Available | View Demo |
| grid-list | TBI | |
| 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 |
- WIP = work in progress
- TBI = to be implemented
Want to develop your own components or change existing ones? Check out our Developer guide.