html5-tag

A simple utility for creating HTML5 tags.

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
html5-tag
300.3.07 years ago7 years agoMinified + gzip package size for html5-tag in KB

Readme

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="'"&<>"><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.