react-interpunct

React component to visibly display whitespace characters

Install

npm install --save react-interpunct

Usage

import React, { Component } from 'react'
 
import Interpunct from 'react-interpunct'
 
class Example extends Component {
  render () {
    return (
      <Interpunct>Your text with  spaces here  </Interpunct>
    )
  }
}

Outputs

Your·text·with··spaces·here··

Props

Property	Type	Default	Description
children	string	undefined	Text to be rendered with Interpunct
matchLength	integer	1	Minimum number of consecutive whitespace characters to match before replacing
replacementString	string	· (middle dot)	String used to replace whitespace characters
respectLength	bool	true	When true the string given for replacementString will be repeated to the length of the matched whitespace. When false replacementString will replace the entire match
enable	bool	true	If set to false then children will be returned without manipulation

License

MIT © FoxxMD