ngcomponents

Description:

ngcomponents

Material design components for AngularDart.
The AngularDart Components Gallery contains live examples and documentation.
If you can't find somethiing in the documentation generated by Pub, it's
probably in the gallery.
This productive and stable set of widgets is originally written 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.
Disclaimer: This project is now maintained by the AngularDart Community. This
is not a Google product in any way, official or unofficial.
Useful links #

Material Design site
Gitter chat room

Required Fonts #
Add the following 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">
copied to clipboard


Material Icon Font
(example)
<link
rel="stylesheet"
type="text/css"
href="https://fonts.googleapis.com/icon?family=Material+Icons">
copied to clipboard


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

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
copied to clipboard

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:ngcomponents/css/material/material';

.blue {
color: $mat-blue;
}
copied to clipboard