import 'package:mdl/mdl.dart';
import 'package:mdl/mdlobservable.dart';
@MdlComponentModel @di.Injectable()
class Application extends MaterialApplication {
    final Logger _logger = new Logger('main.Application');
    final ObservableProperty<bool> checkBorder = new ObservableProperty<bool>(false);
    Application() {
    }
    @override
    void run() {
    }
    //- private -----------------------------------------------------------------------------------
}
main() async {
    final Logger _logger = new Logger('main.Class');
    registerMdl();
    final MaterialApplication application = await componentFactory().
        rootContext(Application).run(enableVisualDebugging: true);
    application.run();
}

To use any MDL component, you must include the minified CSS file in the <head> section of the page:
More about theming...
<div class="demo-preview-block">
    <div class="testtext" mdl-class="checkBorder : 'withborder'">
        Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
        dolore magna aliquyam erat, sed diam voluptua.
    </div>
    <div class="switches">
        <label class="mdl-switch mdl-js-switch mdl-js-ripple-effect" for="switch-border">
            <input type="checkbox" id="switch-border" class="mdl-switch__input" mdl-model="checkBorder"/>
            <span class="mdl-switch__label">Turn 'border' on/off</span>
        </label>
    </div>
</div>

class

...will be here soon