React component to visibly display whitespace characters
npm install --save react-interpunctimport 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··
| 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 |
MIT © FoxxMD
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent