Truncate with Tooltip

A component that truncates text when it overflows and displays the full text in a tooltip

Installation

npx shadcn@latest add @dr-ui/truncate-with-tooltip

Registry dependencies

@dr-ui/utils

@dr-ui/tooltip

Basic

Lorem Lorem Ipsum is simply dummy text of the printing and typesetting industry standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.Short text without tooltipLong text with multiple lines example Lorem Lorem Ipsum is simply dummy text of the printing and typesettingShort text with multiple lines example