Learning › ui › core › Text
Edit this page

Text

The Text category in the @itwin/core-react package includes CSS classes and React components for working with styled text.

Component Description
StyledText base component for other text components that pass a main CSS class name
BodyText uses the uicore-text-body CSS class, which has a 14px font-size
BlockText uses the uicore-text-block CSS class, which has a 14px font-size and block spacing
DisabledText uses the uicore-text-disabled CSS class, which has the $buic-foreground-disabled color
MutedText uses the uicore-text-muted CSS class, which has the $buic-foreground-muted color

Examples

<BodyText>This is Body Text</BodyText>
<BlockText>This is Block Text</BlockText>
<DisabledText>This is Disabled Text</DisabledText>
<MutedText>This is Muted Text</MutedText>

text

Dark Theme

text dark

API Reference

Last Updated: 02 February, 2022