Unofficial custom material components for Angular
The Angular team builds and maintains both common UI components and tools to help you build your own custom components. The team maintains several npm packages.
This is a non-official custom material components for Angular. My goal for this project is to serve as a basis for you to build your own Custom Angular Material Components. All Material classes and tagnames have been maintained, so you can still use the official components documentation.
| Package | Description | Docs |
|---|---|---|
@angular/cdk |
Library that helps you author custom UI components with common interaction patterns | Docs |
@angular/material |
Material Design UI components for Angular applications | Docs |
Quick links
Documentation, demos, and guides | Frequently Asked Questions | Community Google group | Contributing | StackBlitz Template
Getting started
See our Getting Started Guide if you're building your first project with Angular Material.
To add the Custom Material Design to your project you need to clone this repository on the project folder and then import a custom component into a module.
example:
import { MatButtonModule } from 'src/assets/src/material/button';
Now you are ready to go!
Contributing
If you'd like to contribute, please follow our contributing guidelines. Please see
our help wanted label for a list of issues with good opportunities for
contribution.
Browser and screen reader support
The Custom Angular Components team supports the most recent two versions of all major browsers: Chrome (including Android), Firefox, Safari (including iOS), and IE11 / Edge.
We aim for great user experience with the following screen readers:
- Windows: NVDA and JAWS with IE11 / FF / Chrome.
- macOS: VoiceOver with Safari / Chrome.
- iOS: VoiceOver with Safari
- Android: Android Accessibility Suite (formerly TalkBack) with Chrome.
- Chrome OS: ChromeVox with Chrome.