Label

Open in Playground

Small, bold, uppercase, widely tracked label. Pass htmlFor to get a real <label> for a form control; without it you get a <span>.

Plain label (a span)

Email

Props

htmlForstring
id of the control this labels; renders a <label> when set.
asElementType
Element to render (default: label with htmlFor, otherwise span).
classNamestring
Default: ''
Extra classes for the root element.
childrenReactNode
Content.
...rest
Any other props are passed to the underlying element.

Label props
Prop	Type	Default	Description
`htmlFor`	string	–	id of the control this labels; renders a <label> when set.
`as`	ElementType	–	Element to render (default: label with htmlFor, otherwise span).
`className`	string	`''`	Extra classes for the root element.
`children`	ReactNode	–	Content.
`...rest`		–	Any other props are passed to the underlying element.