Default
EyebrowText
Colors
For demo purposes, the EyebrowText has custom background and padding.
Text colors
EyebrowText primary
EyebrowText secondary
EyebrowText tertiary
Accent colors
EyebrowText accent-01-basic
EyebrowText accent-01-subtle
EyebrowText accent-02-basic
EyebrowText accent-02-subtle
EyebrowText accent-03-basic
EyebrowText accent-03-subtle
EyebrowText accent-04-basic
EyebrowText accent-04-subtle
EyebrowText accent-05-basic
EyebrowText accent-05-subtle
EyebrowText accent-06-basic
EyebrowText accent-06-subtle
Emotion colors
EyebrowText emotion-danger-basic
EyebrowText emotion-danger-subtle
EyebrowText emotion-informative-basic
EyebrowText emotion-informative-subtle
EyebrowText emotion-success-basic
EyebrowText emotion-success-subtle
EyebrowText emotion-warning-basic
EyebrowText emotion-warning-subtle
Alignment
EyebrowText
EyebrowText
EyebrowText
Balanced Wrapping
This EyebrowText is not balanced. It may not have optimal line breaks and may appear uneven or awkward.
This EyebrowText is balanced. It will have optimal line breaks and look more even and visually appealing.
Word Break
EyebrowText with no specific word break: supercalifragilisticexpialidocious
EyebrowText with long word that should break anywhere: supercalifragilisticexpialidocious
EyebrowText with long word that should break at long words: supercalifragilisticexpialidocious
Text Hyphens
EyebrowText with no specific hyphenation: supercalifragilisticexpialidocious
EyebrowText with no hyphens: supercalifragilisticexpialidocious
EyebrowText with manual hyphens: supercalifragilisticexpialidocious