Truncated Text

Text wrapper using headless TruncatedTextRaw. Automatically handles text overflow with a hover tooltip showing full content. Supports configurable max-width and responsive truncation. Usage

Basic Usage

Max Width Presets

Styling Options

Usage

Theming

Override these keys under uiKit.truncatedText in a product layer's app.config.ts — see Theming on the UI Kit overview page.