---
path: "/label/props"
component: "label"
type: "atom"
title: "Label"
---

Use `Label` component to associate a text label with a form `input` field

| Prop | Description | Type | Default |
| ------ | ----------- | ---- | ------- |
| htmlFor | to refer the associated input field | string | null |
| fontFamily | sets the font family of label | string | null |
| fontSize | sets the font size of label | number, string / array | null |
| fontStyle | sets the font style of label | string | false |
| fontWeight | sets the font weight of label | number, string / array | normal |
| color | sets the color of label | string | black |
| lineHeight | sets the line height of label | number, string / array | null |
| letterSpacing | sets the letter-spacing of label | number, string / array | null |