@jankrum/dm v1.0.0

dm

Document Make

The tool for making DOM elements quickly.

Description

• The dm function gives you a concise way of programmatically making DOM elements with attributes and children.

Installation

npm install document-make -g

Usage

import dm from 'document-make'

const hr = dm('hr') // makes an hr element
const label = dm('label', { for: 'file-input' }, 'Choose a cool picture: ') // makes a label with text
const input = dm('input', { type: 'file', id: 'file-input', name: 'file-input', accept: 'image/png' }) // makes a file input with an id and name
const div = dm('div', {}, label, input, hr, 'Great choice!') // makes a div containing the previous elements and text