Text

Body size - default

Body size - Small

Heading size - Large

Heading size - Medium

Heading size - Small

Title

Title uppercase

Longform

Align left

Align right

Align center

Color - Default

Color - Success

Color - Weak

Color - Error

Color - Destructive Actions

Color - Inverse

Color - Inverse - Weak

Font - Monospace

.slds-text-link_reset

.slds-text-link_reset — Makes links and buttons appear as regular text

.slds-text-link

.slds-text-link — Makes text inside of .slds-text-link_reset to appear as a link.

.slds-text-link_faux

.slds-text-link_faux — Creates a faux link with hover interactions

.slds-text-body_regular

.slds-text-body_regular — Creates 13px regular body text

.slds-text-body_small

.slds-text-body_small — Creates 12px regular body text

.slds-text-heading_large

.slds-text-heading_large — Very large 28px heading

.slds-text-heading_medium

.slds-text-heading_medium — Large 20px heading

.slds-text-heading_small

.slds-text-heading_small — Smaller 16px heading

.slds-text-title

.slds-text-title — 12px heading that is not all caps

.slds-text-title_caps

.slds-text-title_caps — All caps 12px heading

.slds-text-title_bold

.slds-text-title_bold — Bold 14px heading

.slds-text-color_default

.slds-text-color_default — Default color of text

.slds-text-color_weak

.slds-text-color_weak — Weak color of text

.slds-text-color_error

.slds-text-color_error — Error color of text

.slds-text-color_destructive

.slds-text-color_destructive — Color of text for destructive actions

.slds-text-color_success

.slds-text-color_success — Success color of text

.slds-text-color_inverse

.slds-text-color_inverse — Default color of text on inversed background

.slds-text-color_inverse-weak

.slds-text-color_inverse-weak — Weak color of text on inversed background

.slds-text-align_left

.slds-text-align_left — Aligns text left

.slds-text-align_center

.slds-text-align_center — Aligns text center

.slds-text-align_right

.slds-text-align_right — Aligns text right

.slds-text-longform

.slds-text-longform — Adds default spacing and list styling within a wrapper

.slds-text-font_monospace

.slds-text-font_monospace — Monospace font family