angular_components 0.5.3+1

The official Material Design components for AngularDart. Used at Google in production apps.

Preview Release

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.

• ✓ <glyph>
• ✓ <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.

Useful links

• Example gallery
• AngularDart Components resources:
  • About AngularDart Components
  • Google I/O 2017 codelab
  • Dart Summit 2016 codelab
  • API reference
• AngularDart resources:
  • AngularDart documentation
  • angular2 pub package
• Material Design site

Custom component styles

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.