Learning > ui > core > Text Edit this page Text The Text category in the @bentley/ui-core 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 Headline uses the uicore-text-headline CSS class, which has a 32px font-size LeadingText uses the uicore-text-leading CSS class, which has a 16px font-size MutedText uses the uicore-text-muted CSS class, which has the $buic-foreground-muted color SmallText uses the uicore-text-small CSS class, which has a 12px font-size Subheading uses the uicore-text-subheading CSS class, which has a 18px font-size Title uses the uicore-text-title CSS class, which has a 24px font-size Examples <BodyText>This is Body Text</BodyText> <BlockText>This is Block Text</BlockText> <DisabledText>This is Disabled Text</DisabledText> <Headline>This is Headline Text</Headline> <LeadingText>This is Leading Text</LeadingText> <MutedText>This is Muted Text</MutedText> <SmallText>This is Small Text</SmallText> <Subheading>This is Subheading Text</Subheading> <Title>This is Title Text</Title> Dark Theme API Reference Text Last Updated: 12 June, 2024