Truncation

Single line

Single line within nested grid containers

Max-width 25%

Max-width 33%

Max-width 50%

Max-width 66%

Max-width 75%

.slds-has-flexi-truncate

.slds-has-flexi-truncate — Needed when truncation is nested in a flexible container in a grid

.slds-truncate_container_25

.slds-truncate_container_25 — Truncates text at 25% of its parent container

.slds-truncate_container_50

.slds-truncate_container_50 — Truncates text at 50% of its parent container

.slds-truncate_container_75

.slds-truncate_container_75 — Truncates text at 75% of its parent container

.slds-truncate_container_33

.slds-truncate_container_33 — Truncates text at 33% of its parent container

.slds-truncate_container_66

.slds-truncate_container_66 — Truncates text at 66% of its parent container