react-create-block

Install

npm install react-create-block react prop-types

Create block

import { createBlock } from 'react-create-block';

export const Block = createBlock('div', 'block', ['color', 'size']);

Use block

import React from 'react';
import { Block } from '<path to created block>';

const App = () => {
    return (
        <Block block-color='red' block-size='xl'>
            Lorem Ipsum
        </Block>
    );
};

// RESULT: <div class="block block_color_red block_size_xl">Lorem Ipsum</div>