Skip to content

pantoken / renderers/web-components/src / truncate

Variable: truncate

const truncate: ElementDefinition

Alpha

<instui-truncate> — clamps slotted text to a fixed number of lines with an ellipsis. lines accepts a positive integer or auto. A number sets the --lines custom property directly. auto computes a line count from the host's available height and applies that as --lines. Omit lines for single-line truncation.

Example

html
<instui-truncate lines="2">A long description that will be clamped to two lines…</instui-truncate>