@angular-mdc/web
Version:
60 lines (51 loc) • 4.25 kB
Markdown
# Angular MDC
[](https://badge.fury.io/js/%40angular-mdc%2Fweb)
[](https://codecov.io/gh/trimox/angular-mdc-web)
[Demos, documentation and guides](https://trimox.github.io/angular-mdc-web/)
Third-party integration incorporating [Google Material Components](https://github.com/material-components/material-components-web) for building beautiful, usable products using Material Design.
#### Quick Links
* [Getting Started](https://trimox.github.io/angular-mdc-web/#/angular-mdc-web/getting-started)
* [Changelog](https://github.com/trimox/angular-mdc-web/blob/master/CHANGELOG.md)
* [Documentation and demos](https://trimox.github.io/angular-mdc-web/)
* [StackBlitz Template](https://stackblitz.com/edit/angular-mdc)
* [Contributing](https://github.com/trimox/angular-mdc-web/blob/master/CONTRIBUTING.md)
* [Developer guide](https://github.com/trimox/angular-mdc-web/blob/master/docs/developer.md)
## Material Design Components
Using Google Material Components [foundations and adapters](https://github.com/material-components/material-components-web/blob/master/docs/integrating-into-frameworks.md#the-advanced-approach-using-foundations-and-adapters).
| Component | Status | Demo |
| ---------- | ------- | :------: |
| button | Available | [View](https://trimox.github.io/angular-mdc-web/#/button-demo) |
| card | Available | [View](https://trimox.github.io/angular-mdc-web/#/card-demo) |
| checkbox | Available | [View](https://trimox.github.io/angular-mdc-web/#/checkbox-demo) |
| chips | Available | [View](https://trimox.github.io/angular-mdc-web/#/chips-demo) |
| data-table | Available | [View](https://trimox.github.io/angular-mdc-web/#/data-table-demo) |
| dialog | Available | [View](https://trimox.github.io/angular-mdc-web/#/dialog-demo) |
| drawer | Available | [View](https://trimox.github.io/angular-mdc-web/#/drawer-demo) |
| elevation | Available | [View](https://trimox.github.io/angular-mdc-web/#/elevation-demo) |
| fab | Available | [View](https://trimox.github.io/angular-mdc-web/#/fab-demo) |
| form-field | Available | [View](https://trimox.github.io/angular-mdc-web/#/form-field-demo) |
| icon | Available | [View](https://trimox.github.io/angular-mdc-web/#/icon-demo) |
| icon-button | Available | [View](https://trimox.github.io/angular-mdc-web/#/icon-button-demo) |
| image-list | Available | [View](https://trimox.github.io/angular-mdc-web/#/image-list-demo) |
| linear-progress | Available | [View](https://trimox.github.io/angular-mdc-web/#/linear-progress-demo) |
| list | Available | [View](https://trimox.github.io/angular-mdc-web/#/list-demo) |
| menu-surface | Available | [View](https://trimox.github.io/angular-mdc-web/#/menu-surface-demo) |
| menu | Available | [View](https://trimox.github.io/angular-mdc-web/#/menu-demo) |
| radio | Available | [View](https://trimox.github.io/angular-mdc-web/#/radio-demo) |
| ripple | Available | [View](https://trimox.github.io/angular-mdc-web/#/ripple-demo) |
| select | Available | [View](https://trimox.github.io/angular-mdc-web/#/select-demo) |
| slider | Available | [View](https://trimox.github.io/angular-mdc-web/#/slider-demo) |
| snackbar | Available | [View](https://trimox.github.io/angular-mdc-web/#/snackbar-demo) |
| switch | Available | [View](https://trimox.github.io/angular-mdc-web/#/switch-demo) |
| tabs | Available | [View](https://trimox.github.io/angular-mdc-web/#/tabs-demo) |
| text-field | Available | [View](https://trimox.github.io/angular-mdc-web/#/text-field-demo) |
| theme | Available | [View](https://trimox.github.io/angular-mdc-web/#/angular-mdc-web/theme) |
| top-app-bar | Available | [View](https://trimox.github.io/angular-mdc-web/#/top-app-bar-demo) |
| typography | Available | [View](https://trimox.github.io/angular-mdc-web/#/typography-demo) |
## Browser Support
We officially support the last two versions of every major browser.
- **Chrome** on Android, Windows, macOS, and Linux
- **Firefox** on Windows, macOS, and Linux
- **Safari** on iOS and macOS
- **Edge** on Windows
- **IE 11** on Windows