Usage no npm install needed!

<script type="module">
  import reactMarkupText from 'https://cdn.skypack.dev/react-markup-text';
</script>

README

react-markup-text

markup texts with React

Use this package to add paragraphs and line endings to unstructured text

Install

npm install --save react-markup-text

Usage

import textToReactMarkup from 'react-markup-text';

function BlogArticle({ title, author, body }) {
    return (
        <article className="blog-article">
            <h1 className="blog-article__title">{title}</h1>
            <AuthorBadge author={author} />
            <div className="blog-article__body">
                {textToReactMarkup(body)}
            </div>
        </article>
    );
}

API

`textToReactMarkup(text: string) : Array<ReactElement>`

The implementation is really simple, \n\n creates a new paragraph and \n a new line.

License

ISC