CarbonTypography

data class CarbonTypography(val ibmPlexSansFamily: FontFamily, val ibmPlexSerifFamily: FontFamily, val ibmPlexMonoFamily: FontFamily)

Carbon typography type sets.

See Typography type sets for more information.

Parameters

ibmPlexSansFamily

The IBM Plex sans serif font family.

ibmPlexSerifFamily

The IBM Plex serif font family.

ibmPlexMonoFamily

The IBM Plex monospace font family.

Constructors

Link copied to clipboard
constructor(ibmPlexSansFamily: FontFamily, ibmPlexSerifFamily: FontFamily, ibmPlexMonoFamily: FontFamily)

Properties

Link copied to clipboard

With a slightly taller line height than bodyCompact01, this body style is used in productive layouts for long paragraphs with more than four lines. Use also for longer body copy in components such as accordion or structured list. It is always left-aligned.

Link copied to clipboard

With a slightly taller line height than bodyCompact02, this style is commonly used in expressive layouts for long paragraphs with four lines or more. It is always left-aligned.

Link copied to clipboard

This is for short paragraphs with no more than four lines and is commonly used in components.

Link copied to clipboard

This is for short paragraphs with no more than four lines. Use in expressive components, such as button and link.

Link copied to clipboard

This is for inline code snippets and smaller code elements.

Link copied to clipboard

This is for large code snippets and larger code elements.

Link copied to clipboard

No description provided.

Link copied to clipboard

No description provided.

Link copied to clipboard

This is for component and layout headings. It pairs with body01.

Link copied to clipboard

This is for smaller layout headings. It pairs with body02.

Link copied to clipboard

This is for component and layout headings.

Link copied to clipboard

This is for layout headings.

Link copied to clipboard

This is for layout headings.

Link copied to clipboard

This is for layout headings.

Link copied to clipboard

This is for layout headings.

Link copied to clipboard

This is for component and layout headings. It pairs with bodyCompact01.

Link copied to clipboard

This is for smaller layout headings. It pairs with bodyCompact02.

Link copied to clipboard

This is for explanatory helper text that appears below a field title within a component.

Link copied to clipboard

This is for explanatory helper text that appears below a field title within a component.

Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard

This is a multipurpose type style that can be used for field labels in components, error messages, and captions. It should not be used for body copy.

Link copied to clipboard

This is a multipurpose type style that can be used for field labels in components, error messages, and captions. It should not be used for body copy.

Link copied to clipboard

This is for legal copy appearing in product pages.

Link copied to clipboard

This is for legal copy appearing in web pages.

Link copied to clipboard

This is for larger paragraphs of type that are usually three or more lines in length.

Link copied to clipboard

No description provided.

Link copied to clipboard

No description provided.