React Wrap Balancer | Balanced Headlines

A simple React Component that makes your titles more readable in different viewport sizes. It improves the wrapping to avoid situations like single word in the last line, makes the content more balanced.

How to use it:

1. Installation.

$ npm i react-wrap-balancer

2. Import the Wrap Balancer component.

import Balancer from 'react-wrap-balancer'

3. Wrap your content in the <Balancer>.

function Title() {
  return (
      <Balancer>My Long Title Here</Balancer>


React Component For Balanced Headlines - Wrap Balancer

Download Details:

Author: shuding

Live Demo: View The Demo

Download Link: Download The Source Code

Official Website:

License: MIT

#react #reactjs 

React Wrap Balancer | Balanced Headlines
1.05 GEEK