@bem/sdk.bemjson-to-jsx

Transform BEMJSON to JSX

Usage no npm install needed!

<script type="module">
  import bemSdkBemjsonToJsx from 'https://cdn.skypack.dev/@bem/sdk.bemjson-to-jsx';
</script>

README

bemjson-to-jsx

Transforms BEMJSON objects to JSX markup.

NPM Status

Install

$ npm install --save @bem/sdk.bemjson-to-jsx

Usage

const bemjsonToJSX = require('@bem/sdk.bemjson-to-jsx')();

const bemjson = {
    block: 'button2',
    mods: { theme: 'normal', size: 'm' },
    text: 'hello world'
};

const jsxTree = bemjsonToJSX.process(bemjson);

console.log(jsxTree.JSX);
// → "<Button2 theme={'normal'} size={'m'} text={'hello world'}/>"