|
Class name |
Purpose |
|---|---|
|
text-truncate |
Trim single-line text from the right and append an ellipsis (…) |
|
text-truncate-multiline |
Trim multi-line text from right and append an ellipsis (…). The desired number of lines can be set via the `--lines` custom property on the element (default is 3) |
Example:
<p class="text-truncate-multiline" style="--lines: 5">
This text will be truncated to 5 lines should it exceed this limit.
</p>