Helpers

CSS helper classes help developers solve everyday problems below the components level.

Class name

Purpose

typography-body-large-button

Apply the body-large-button style

typography-body-large-text-bold

Apple the body-large-text-bold style

typography-body-large-text-italic

Apply the body-large-text-italic style

typography-body-large-text-regular

Apply the body-large-text-regular style

typography-body-medium-button

Apply the body-medium-button style

typography-body-medium-text-bold

Apply the body-medium-text-bold style

typography-body-medium-text-italic

Apply the body-medium-text-italic style

typography-body-medium-text-regular

Apply the body-medium-text-regular style

typography-body-small-button

Apply the body-small-button style

typography-body-small-text-bold

Apply the body-small-text-bold style

typography-body-small-text-italic

Apply the body-small-text-italic style

typography-body-small-text-regular

Apply the body-small-text-regular style

typography-body-xsmall-button

Apply the body-xsmall-button style

typography-body-xsmall-text-bold

Apply the body-xsmall-text-bold style

typography-body-xsmall-text-italic

Apply the body-xsmall-text-italic style

typography-body-xsmall-text-regular

Apply the body-xsmall-text-regular style

typography-heading-large-text

Apply the heading-large-text style

typography-heading-medium-text

Apply the heading-medium-text style

typography-heading-small-text

Apply the heading-small-text style

typography-heading-xlarge-text

Apply the heading-xlarge-text style

typography-heading-xsmall-text

Apply the heading-xsmall-text style