use-line-clamp

React.js hook to detect if text will clamp in X number of lines. This allows you to use lines instead of character for implementing "show more" behaviour.

See live demo

https://user-images.githubusercontent.com/36263538/215266290-49dbc549-f710-402b-bc9e-9cc97215d829.mp4

Install

``sh
npm install use-line-clamp

pnpm install use-line-clamp

yarn add use-line-clamp
`

Usage

`tsx
import { useRef, useState } from "react";
import useLineClamp from "use-line-clamp";

function Example() {
const ref = useRef(null);
const clamps = useLineClamp(ref, { lines: 4 });
const [visible, setVisible] = useState(false);

return (



);
}
``