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