Label is used to provide feedback to the user and is a companion component for several other components.


Labels can be either enabled or disabled and are designed to work with the state of companion components.


Label has three sizes — large, medium and small. Each size should correspond to the size of the companion component being used. For example, a small input should use a small label. Additionally, each label size aligns with a base style from the typography tokens.

Label sizes

Labels are typically used with companion components.

Label with Input
Label with Icon
Label with Button
Label with Progress