Theme:
SCSS TypeScript

Line Clamp

The line clamp class truncates text at a specific number of lines.

The structure of the class names are:

  • .line-clamp-{LINE}
  • .line-clamp-{LINE}-{SCREEN_SIZE} until the screen size

The values are:

  • LINES 1, 2, 3, 4
  • SCREEN_SIZE lg, md, sm, xs

Basic Example:

Theme basic Screen size XL
html