Rich label

Upgrade your basic labels with an optional icon and subtitle.

<RichLabel
	label='Label ipsum dolor sit amet'
	subtitle='Subtitle ipsum dolor sit amet'
	icon={icons.emptyCircle}
/>

Highlighted props

For the complete list of props, use your IDE's autocomplete functionality.

Expand to full width

<RichLabel
	label='Label ipsum dolor sit amet'
	subtitle='Subtitle ipsum dolor sit amet'
	icon={icons.emptyCircle}
	fullWidth
/>

Monochrome

If you have cases where the text might be a different color, or of dynamic color, use the noColor prop to use opacity to highlight hierarchy instead of multiple colors.

// The container has a red text color applied.
<RichLabel
	label='Label ipsum dolor sit amet'
	subtitle='Subtitle ipsum dolor sit amet'
	icon={icons.solidCircleFilled}
/>

// The container has a red text color applied.
<RichLabel
	label='Label ipsum dolor sit amet'
	subtitle='Subtitle ipsum dolor sit amet'
	icon={icons.solidCircleFilled}
	noColor
/>