To truncate text, use the class
When applied to a parent container, it will truncate any elements placed inside, so long as the parent’s width is set. When applied to individual elements within a parent, e.g. a table cell, only those elements will be truncated.
u-truncate will affect any tooltips placed inside.
To import just this utility into your project, copy the snippet below and include it in your main Sass file.
For more information see Customising Vanilla in your projects, which includes overrides and importing instructions.