html5-tag

0.3.0 • Public • Published

html5-tag build status Coverage Status

NPM

A simple utility for creating HTML tags.

Installation

npm install --save html5-tag

Usage

import tag from 'html5-tag';
 
// No end tags for void elements (https://www.w3.org/TR/html5/syntax.html#void-elements)
tag('br');
// → '<br>'
 
tag('a', { href: 'http://example.com' }, 'Example');
// → '<a href="http://example.com">Example</a>'
 
tag('input', { name: 'name', value: 'Input your name...', disabled: true });
// → '<input name="name" value="Input your name..." disabled>'
 
tag('div', { title: '\'"&<>' }, tag('i', { class: 'icon icon-folder' }, ''));
// → '<div title="&#39;&quot;&amp;&lt;&gt;"><i class="icon icon-folder"></i></div>'
 
// Defaults to 'div' if tag is not specified
tag({ class: 'container' }, 'container text');
// → '<div class="container">container text</div>'

License

Copyright (c) 2016 Cheton Wu

Licensed under the MIT License.

Package Sidebar

Install

npm i html5-tag

Weekly Downloads

671

Version

0.3.0

License

MIT

Last publish

Collaborators

  • cheton