Hyphenation

Hyphenation

The hyphenation class should be placed on text that might be served in narrow width containers and is not truncated.

Hyphenation: Hyphenate

Preview

No content has been added for this component.

No content has been added for this component.

<p class="slds-hyphenate">A long heading might be supercalifragilisticexpiallidocious.</p>

About Hyphenation

This will allow the text to break, or hyphenate, depending on the browser's capabilities. Chrome currently doesn't show the hyphenation, but the bug is currently marked fixed, so it should soon.


Overview of CSS Classes

Selector.slds-hyphenate
Summary

Creates hyphenated text

Restrict*
ModifierTrue