tags 0.0.4 
tags: ^0.0.4 copied to clipboard
Build html elements by tag name.
Tags #
Build html elements by tag name in Dart.
Motivation #
It can be difficult to discover all of the elements in dart:html. It can also
be tedious to construct them:
import 'dart:html';
var h = new HeadingElement.h1();
Tags lets you use the names you are already familiar with, to construct new elements in fewer keystrokes:
import 'package:tags/html.dart';
var h = h1();
Build Html #
Tags makes it easy to build up trees of html elements. When you call a builder
function (html tag name) you may pass an optional build() function
parameter. This build() function will be called by the builder function. Any
builder functions (tags) that you call from this function will be appended in
order to the parent element. Consider the following example:
document.body.append(
ul(() {
li()..text = 'Coffee';
li()..text = 'Tea';
li()..text = 'Milk';
}));
In the example above, we append three <li> elements to the <ul> element to
create an unordered list that we append to document.body. This is equivalent
to:
<body>
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
</body>
Contribute #
Collaborate, send pull requests, and provide feedback please!
This library is inspired by an idea from the mailing list.
Tags uses the MIT license as described in the LICENSE file, and follows semantic versioning.
Metadata
Documentation
Publisher
unverified uploader
Weekly Downloads
Metadata
Build html elements by tag name.
Repository (GitHub)
View/report issues
License
unknown (license)
