Html Helpers

Stringify attributes from the options hash into an HTML attribute string.

Params

options {Object}: Options object with a hash property containing key-value pairs
returns {String}: Space-prefixed attribute string, or empty string if no attributes

Example

Output

<div class="container" id="main">div>

You can also use variables:


    Click

Output

<button class="btn-primary" type="submit">Clickbutton>

Generate tags for stylesheets. Supports both CSS and LESS files.

Params

list {String|Array}: One or more stylesheet paths/URLs
returns {String}: One or more tags

Example

Single stylesheet:

{{css "styles/main.css"}}

Output

<link type="text/css" rel="stylesheet" href="styles/main.css">

Multiple stylesheets:


    {{css stylesheets}}

Output

<link type="text/css" rel="stylesheet" href="reset.css">
    <link type="text/css" rel="stylesheet" href="theme.css">
    <link type="text/css" rel="stylesheet" href="app.css">

LESS files are automatically detected:

{{css "styles/theme.less"}}

Output

<link type="text/css" rel="stylesheet/less" href="styles/theme.less">

Generate

Html Helpers

{{attr}}

{{css}}

{{js}}