Typography

More information on typography is available at the design foundation documentation.

Typography can be handled at many locations:

  • a semantic component like P
  • included in a component like Modal.Body
  • the general Typography component
  • JSS imports like getTypographyIntent

JSS

Typography Component

More info covered in the Typography component docs.

Semantic Components

More info covered in the semantic component docs.

Headings

Capitalization

  • Use capitalized text from I18n translation src when possible (may need to add a new key)
  • Fallback: when using capitalized text from I18n is not possible (ie: user input translations or untranslated company defaults) use css 'text-transform: capitalize'

Paragraphs & Lists