Truncate

GuidelinesReact

When to use

  • For text that’s too long to display all at once.
  • To give a taste of what text is available.
  • With a clear way for users to display all of the text.
  • As part of an approach of progressive disclosure.

When not to use

  • For more control over what appears on different screen sizes—use a Hide component.

Component status

N/A
Released
N/A
N/A

Behavior

Don’t hide anything essential

Let users get the rest