dcl-button
DCL Button widget. It is a Dual wrapper of bootstrap button.
It imports Twitter Bootstrap styles from 'dcl-bootstrap' module automatically.
Installation
npm install dcl-button
Usage
Create a button wit new keyword:
var Button = require('dcl-button');
var b = new Button();
b.setCaption('hello world!');
b.setLook('primary');...or declaratively:
var D = require('dual');
var b = D.fromJSON([
'button', //using alias 'button'
{
look: 'primary',
caption: 'hello world!'
}], {
button : require('dcl-button') //declaring module 'dcl-button' as alias 'button'
});Then use it:
// - in another Dual node:
myDualNode.appendChild(b);
// - directly in DOM tree:
document.body.appendChild(b.domify());
// - on the server:
res.end(b.stringift());Buiding
- All Dual and DCL parts are written in CommonJS, so
Browserifyis used for building JS. - Stylesheet is built with
grunt-dcl-resourcesandgrunt-less. Please, seeGruntfile.jsdemo task to find out how it is done.