React Wrap Balancer - jtbdos docs

Installation

To install react-wrap-balancer, simply run the following command:

Terminal

pnpm add react-wrap-balancer

Usage

Here is an example of how to use react-wrap-balancer to make titles more readable:

my-component.tsx

import { Balancer } from 'react-wrap-balancer';

function MyComponent() {
  return (
    <div>
      <Balancer>This is a title that is too long to fit in one line.</Balancer>
    </div>
  );
}

Benefits

Improved Readability: react-wrap-balancer makes titles more readable by automatically wrapping them at the appropriate breakpoints.
Easy Integration: react-wrap-balancer is easy to integrate into your existing React application, providing a seamless installation experience.

For more information and detailed documentation, visit the react-wrap-balancer website.