Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 400,000 packages pre-installed, including hyperscript-attribute-to-property with all npm packages installed. Try it out:

var hyperscriptAttributeToProperty = require("hyperscript-attribute-to-property")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

hyperscript-attribute-to-property v1.0.2

Convert hyperscript attributes to properties

hyperscript-attribute-to-property travis npm downloads javascript style guide

Convert hyperscript attributes to properties

Some html attributes have different JavaScript property names. The most annoying of these is class v.s. className.

With this package, you can do this:

var vnode = h('div', { class: 'my-class' })

Instead of this:

var vnode = h('div', { className: 'my-class' })

Works with virtual-dom, react, hyperscript, or any DOM builder with a hyperscript-style API: h(tagName, attrs, children).


npm install hyperscript-attribute-to-property



var attrToProp = require('hyperscript-attribute-to-property')
var h = attrToProp(require('virtual-dom/h'))


If you use the hyperx package, then this functionality is built-in and implemented via this package :)


MIT. Copyright (c) Feross Aboukhadijeh.

RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free