vcom
v6.0.13
Published
Everything you need to create virtual components with CSS, HTML, and JS
Downloads
20
Readme
vcom
Everything you need to create functional, virtual Preact Components with CSS, HTML, and JS.
Note: if you want to use this standalone, please use dist/vcom.js. Otherwise you'll want to use babel with es2015 or buble to transpile this in your application, either as a global transform or after the build step.
Example
/**
* Modules
*/
const { HTML, CSS, render } = require('./dist/vcom.js')
/**
* Styles
*/
const css = CSS(`
.box {
text-align: center;
font-size: 10rem;
background: blue;
padding: 50px;
color: white;
}
`)
/**
* HTML
*/
const { div } = HTML
/**
* Render
*/
const App = (props) => (
div.class('box')('welcome')
)
/**
* Render to DOM
*/
render(css(App), document.body)
Installation
npm install vcom
License
MIT