Components

Truncated Text

The Truncated Text component is used for conditional tooltip with truncated text.

Import

import { TruncatedText } from '@outfit/outkit';

Basic Usage

Vertical Truncation

Best Practice

Used for show more information from truncated text

Props

NameTypeDefaultDescription
toolTipPropsobjectProps to parsing to Tooltip component
noOfLinesnumberIf exist, the type of truncation will be vertical. Specify the number of lines noOfLines={3}