mdc 0.0.1

  • README.md
  • Example
  • Installing
  • Versions
  • 45

Material Components for the web (dart)

example/main.dart

import 'dart:html';

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

void main() {
  mdc.autoInit();

  FormElement form = querySelector('#greeting-form');

  form.onSubmit.listen(onSubmit);
}

void onSubmit(Event event) {
  event.preventDefault();
  String firstname = getInputValue('#firstname');
  String lastname = getInputValue('#lastname');

  String greeting = 'Hello';

  if (firstname.isNotEmpty || lastname.isNotEmpty) {
    greeting += ', ';

    if (firstname.isNotEmpty && lastname.isNotEmpty) {
      greeting += firstname + ' ' + lastname;
    } else if (lastname.isNotEmpty) {
      greeting += 'Mx. ' + lastname;
    } else {
      greeting += firstname;
    }
  }
  greeting += '!';

  ParagraphElement p = querySelector('#greeting');
  p.text = greeting;
}

String getInputValue(String selector) {
  InputElement input = querySelector(selector);
  return input.value;
}

1. Depend on it

Add this to your package's pubspec.yaml file:


dependencies:
  mdc: "^0.0.1"

2. Install it

You can install packages from the command line:

with pub:


$ pub get

Alternatively, your editor might support pub get. Check the docs for your editor to learn more.

3. Import it

Now in your Dart code, you can use:


import 'package:mdc/mdc.dart';
        
Version Uploaded Documentation Archive
0.0.1 Dec 20, 2016 Go to the documentation of mdc 0.0.1 Download mdc 0.0.1 archive

Analysis

This feature is new.
We welcome feedback.
More details: scoring.

We analyzed this package, and provided a score, details, and suggestions below.

  • completed on Feb 3, 2018
  • Dart: 2.0.0-dev.20.0
  • pana: 0.10.1

Scores

Popularity:
Describes how popular the package is relative to other packages. [more]
2 / 100
Health:
Code health derived from static analysis. [more]
100 / 100
Maintenance:
Reflects how tidy and up-to-date the package is. [more]
70 / 100
Overall score:
Weighted score of the above. [more]
45

Platforms

Detected platforms: web, other

Primary library: package:mdc/mdc.dart with components: js.

Suggestions

  • Maintain CHANGELOG.md.

    Changelog entries help clients to follow the progress in your code.

  • The description is too short.

    Add more detail about the package, what it does and what is its target use case. Try to write at least 60 characters.

  • Package is pre-v1 release.

    While there is nothing inherently wrong with versions of 0.*.*, it usually means that the author is still experimenting with the general direction API.

Dependencies

Package Constraint Resolved Available
Direct dependencies
Dart SDK >=1.8.0 <2.0.0
js ^0.6.0 0.6.1
Dev dependencies
browser >=0.10.0 <0.11.0