Truncate Shortens text with ellipsis. Documentation truncate Basic Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt Show code Show rendered Custom tags organisation / department / tickets / #99 — User cannot register on the website Show code Show rendered Delay truncate organisation / department / tickets / #99 — User cannot register on the website Show code Show rendered Expand on hover Note: this does not work well on small screens. Lorem ipsum dolor sit amet consectetuer Lorem ipsum dolor sit amet consectetuer Show code Show rendered Custom max widths Lorem ipsum dolor sit amet consectetuer Lorem ipsum dolor sit amet consectetuer Lorem ipsum dolor sit amet consectetuer Show code Show rendered On this page Top of page Documentation Stories Basic Custom tags Delay truncate Expand on hover Custom max widths Overview Introduction Installation and usage Menus and dialogs Frameworks Ash Components By name By topic Action list Action menu Alert Avatar Blankslate Box Branch name Breadcrumb Button Button group Checkbox Checkbox group Circle badge Counter Dialog Drawer Dropdown Ellipsis Filter list Form control Header Input validation message Label Layout Link Menu Octicon Pagination Progress Radio button Radio group Radio tabs Select Select menu Side nav Spinner State label Styled HTML Subhead Subnav Tabnav Text input Textarea Theme Theme menu Theme menu options Timeline Toggle switch Truncate Basic Custom tags Delay truncate Expand on hover Custom max widths Underline nav