angular_components 0.14.0-alpha+1

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

Material design components for AngularDart. Powering some of Google's most sophisticated and mission-critical applications.

The AngularDart Components Gallery contains live examples and documentation.

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 projects using the Angular package.

This is a continually growing set of widgets. Recent additions include:

  • Simple HTML Component
  • Material Card styling
  • Material Stacking Drawer

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.

Package build_runner support #

The pub transformer has been removed in favor of code generation through package build. Please see the Dart 2 migration guide.

Required Fonts #

Add the folowing font downloads to the head element of your page:

  • Roboto Font (example)

    <link
      rel="stylesheet"
      type="text/css"
      href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700">
    
  • Material Icon Font (example)

    <link
      rel="stylesheet"
      type="text/css"
      href="https://fonts.googleapis.com/icon?family=Material+Icons">
    

Custom component styles #

The styles of these components can be customized in your project with a component's provided Sass mixins.

  1. Add a dev dependency on the sass_builder package to your pubspec.yaml:
  dev_dependencies:
    sass_builder: ^2.0.0 # update for the latest version
  1. Now you can import styles and mixins from this package via dart style package imports in your Sass files.

In your .scss files:

  @import 'package:angular_components/css/material/material';

  .blue {
    color: $mat-blue;
  }
12
likes
35
pub points
94%
popularity

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

Homepage

Documentation

Documentation
API reference

Uploaders

nshahan@google.com
kevmoo@google.com

License

BSD (LICENSE)

Dependencies

angular, angular_forms, async, build, build_config, built_collection, collection, fixnum, intl, js, logging, meta, observable, protobuf, quiver, sass_builder

More

Packages that depend on angular_components