@biruk/react-simple-format

    0.3.0 • Public • Published

    react-simple-format

    The port of Rails's simple_format to React.

    Usage

    Turns double newlines into different paragraphs. See examples for live examples.

    const forwardText = "You can't connect the dots looking forward;\n\nYou can only connect them looking backward."
    
    <SimpleFormat text={ forwardText } />

    This will render:

    <div>
      <p>You can't connect the dots looking forward;</p>
      <p>You can only connect them looking backward.</p>
    </div>

    Props

    wrapperTag (string/react class)

    Default is 'div', but you can change it to something else:

    <SimpleFormat text={ ... } wrapperTag='article' />
    
    
    
    <article>
      ...
    </article>
    
    ---
    
    <SimpleFormat text={ ... } wrapperTag={ SomeComponent } /><SomeComponent>
      ...
    </SomeComponent>

    wrapperTagProps (object)

    props for the wrapper tag.

    postfix (node)

    Allows you to add a node at the end of the last p tag.

    <SimpleFormat text={ ... } postfix='foo' />
    
    
    
    <div>
      <p>...</p>
      <p>...foo</p>
    </div>

    Credits

    License

    MIT

    Install

    npm i @biruk/react-simple-format

    DownloadsWeekly Downloads

    2

    Version

    0.3.0

    License

    MIT

    Last publish

    Collaborators

    • biruk