React-interpunct NPM

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

@infinitebrahmanuniverse/nolb-react-in @everything-registry/sub-chunk-2562

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago