The Label component is our wrapper for the HTML label element.

To start using the Label component you need to import it from pol-ui:

import { Label } from "pol-ui";

Default Label

Default Label

import { Label } from "pol-ui";
const LabelComponent = () => {
  return <Label>Label</Label>;
export default LabelComponent;


The Label component has the following props:

Prop nameTypeDefaultDescription
colorColors-The color of the label.
disabledboolean-If true, the label will be disabled.
themeLabelTheme-The theme of the label.
valuestring-The value of the label.
classNamestring-The class name of the label.

You can also provide any prop comming from the HTML label tag.


To learn more about how to customize the appearance of components, please see the Theme docs.

interface LabelTheme {
  base: string;
  colors: ColorsType;
  disabled: string;

Since February 21, 2024

Proudly Open Source
  • Npm

  • Github

  • Creator

  • Made with love and Pol-ui by Pol Gubau Amores