Skip to content

Instantly share code, notes, and snippets.

@andresaraujo
Last active August 29, 2015 14:24
Show Gist options
  • Save andresaraujo/08f5fc87d87cafe7c397 to your computer and use it in GitHub Desktop.
Save andresaraujo/08f5fc87d87cafe7c397 to your computer and use it in GitHub Desktop.
mdl.dart README improvement

Material Design Lite for Dart

A library of Material Design components in CSS, Dart, and HTML (MDL Dart website).

Material Design Lite lets you add a Material Design look and feel to your static content websites. It doesn’t rely on any JavaScript frameworks or libraries. Optimised for cross-device use, gracefully degrades in older browsers, and offers an experience that is accessible from the get-go.

Quick Start

In pubspec.yaml specify the mdl, browser and di packages as dependencies, as well as the di transformer.

dependencies:
  mdl: "^1.0.0"
  browser: '^0.10.0'
  di: "^3.3.4"
transformers:
  - di

Add the mdl style sheet to your index.html

<link id="theme" rel="stylesheet" href="packages/mdl/assets/styles/material.min.css">

Initialize the mdl library from your main.dart

import 'package:mdl/mdl.dart' as mdl;


main() async {
  mdl.registerMdl();
  await mdl.componentFactory().run();
}

Icons

Material Design Lite uses the official Material Icons font. We recommend you include it using:

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

You can check for other options on the Developer's Guide.

Examples

... Check out the samples

Features and bugs

Please file feature requests and bugs at the issue tracker.

###License###

Copyright 2015 Michael Mitterer (office@mikemitterer.at),
IT-Consulting and Development Limited, Austrian Branch

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

   http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing,
software distributed under the License is distributed on an
"AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND,
either express or implied. See the License for the specific language
governing permissions and limitations under the License.

If this plugin is helpful for you - please (Circle) me or star this repo here on GitHub

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment