tags 0.1.6

Build html elements by tag name.

Tags

Build html elements by tag name in Dart.

Build Html Fluently

Tags makes it easy to build trees of html elements in code. Consider an example:

import 'package:tags/html.dart';

main() {
  document.body.append(
    ul(() {
      li()..text = 'Coffee';
      li()..text = 'Tea';
      li()..text = 'Milk';
    }));
}

Define Custom Tags

Tags allows you to extend html and define your own custom tags!

import 'package:tags/custom.dart';
import 'package:tags/html.dart';

main() {
  document.body.append(
    div(() {
      toggleButton(() {
          span()..text = 'up'..classes = ['up'];
          span()..text = 'down'..classes = ['down'];
        });
    }));
}    

By defining a custom tag such as toggleButton you may build trees of elements that contain not only the standard html elements but also your own (and other people's!) custom tags.

NOTE: We are watching closely the development of the custom elements specification, and our custom tags will become imperative custom elements as soon as that is possible in dart:html.

Tags uses the MIT license as described in the LICENSE file, and follows semantic versioning.