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.