@aftonbladet/stylizr

stylizr

Takes a text and a styles-array and converts it by calling the handlers supplied when creating a stylizr instance.

Usage

// stylizr-instance.js
import React from 'react';
import stylizr from 'stylizr';

const stylizrInstance = stylizr({
    'style:em': (text, key) => <em key={key}>{text}</em> 
});

export default stylizrInstance;

// ---- 

// another-file.js
import React from 'react';
import ReactDOM from 'react-dom';
import stylizr from './stylizr-instance';

ReactDOM.render(
    <MyComponent>{
        stylizr('This is my text', [{
            offset: 5, 
            length: 2, 
            type: 'style:em'
        }])
    }</MyComponent>,
    document.getElementById('react-root')
);