These are the AngularDart components that Google uses to build the sophisticated, mission-critical apps that bring in much of Google’s revenue.
This productive and stable set of widgets, contributed to by hundreds of Googlers, make debugging and deploying your app easier. Strict latency and testing policies make these widgets an excellent fit for AngularDart projects.
Only a small fragment of all the components is available right now. We want developers to be able to use the package as soon as possible.
- ✓
<material-icon> - ✓
<material-button> - ✓
<material-fab> - ✓
<material-checkbox> - ✓
<material-chip> - ✓
<material-expansionpanel> - ✓
<material-progress> - ✓
<material-radio> - ✓
<material-ripple> - ✓
<material-spinner> - ✓
<material-tab> - ✓
<material-toggle> - ✓
<material-yes-no-buttons> - ✓
<reorder-list> - ✓
<acx-scorecard> - ✓
<material-input> - ✓
<material-dialog> - ✓
<material-popup> - ✓
<material-tooltip> - ✓
<material-list> - ✓
<material-select> - ✓
<material-tree> - ☐
<material-auto-suggest-input> - ☐
<material-date-range-picker> - ☐
<material-menu> - many more, including a fast table
At this time we are not taking pull requests, but please file an issue and we will work with you.
Officially supported browsers: The last two versions of Chrome, Edge, Firefox, and Safari.
- Example gallery
- AngularDart Components resources:
- AngularDart resources:
- Material Design site
For icons to appear, add the following icon font download to your page. Example
<link
rel="stylesheet"
type="text/css"
href="https://fonts.googleapis.com/icon?family=Material+Icons">Get access to the core Material Design SASS files used to style these components by copying them and importing lib/src/css/_mixins.scss in your SASS files.
NOTE: These .scss files are not used during the build step, but we are planning to add this support. See issue #45.
Our current work is summarized in issue 142.