Truncate

View on Storybook

View source on GitHub

Import

import { __experimentalTruncate as Truncate } from '@wordpress/components';

Examples

Default

const Default = () => {
    return <Truncate numberOfLines={2}>{defaultText}</Truncate>;
};

Truncate by character count

const CharacterCount = () => {
    return <Truncate limit={23} ellipsizeMode="tail" ellipsis="[---]">{defaultText}</Truncate>;
};