Package Exports

domb
domb/lib/index.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (domb) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

domb

DomB [domby] is a DOM Builder.

This is a simple cross-platform DOM generation library. It is a handy tool for creating templates and testing.

Features

Convenient JS-compatible syntax
Cross-platform, works both in NodeJS and in the browser
Support for ES2015 named imports
Small footprint, 1KB after gzip

Installation

npm install domb

Usage

ES2015

import { div } from 'domb'

CommonJS

const { div } = require('domb')

Browser

<script src="https://unpkg.com/domb@latest/dist/domb.js"></script>
<script>
  const { div } = domb
</script>

Example

DomB can be used both in NodeJS and in the browser:

import { form, label, input, button } from 'domb'

const node = form({
  action : 'https://google.com/search',
  target : '_blank',
  children : [
    label([
      'Search ',
      input({ type : 'search', name : 'q' }),
    ]),
    button('Find'),
  ],
})

// browser
document.body.append(node)

// nodejs
app.get('/form', (req, res) => res.send(node.outerHTML))

The node variable is a DOM structure with the appropriate markup:

<form action=//google.com/search target=_blank>
    <label>
        Search 
        <input type=search name=q>
    </label>
    <button>Find</button>
</form>

License

The MIT License (MIT)