Tonic UI
Getting StartedColor ModeColor StyleVersionsContributing
THEME
BordersBreakpointsColorsOutlinesPositionsSpacingSizesShadowsTypography
BUILDING BLOCKS
BoxControlBox
UTILITIES

TextLabel

The TextLabel component is a label that composes the Text component.

Import

Usage

EDITABLE EXAMPLE

The text colors in the dark mode and light mode are white:secondary and black:secondary, respectively, defined in theme.colors.

Props

NameTypeDefaultDescription
sizestringOne of: '4xl', '3xl', '2xl', 'xl', 'lg', 'md', 'sm', 'xs'