Skip to content
React component to visibly display whitespace characters
JavaScript HTML CSS
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
example
src
.babelrc
.editorconfig
.eslintrc
.gitignore
README.md
package-lock.json
package.json
rollup.config.js

README.md

react-interpunct

React component to visibly display whitespace characters

NPM JavaScript Style Guide

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

You can’t perform that action at this time.