Labelcomponent

Label({ level = "3", children, ...props }: LabelProps): ReactElement
ParamType
propsLabelProps
Props for Label — identical to SubheadingProps. required
Return
ReactElement
Rendered <h3> label heading element.

Label heading, a <h3> with a labelly appearance (UPPERCASE but with a smaller text size).

  • This is the default style used by things like a <th> from a <table>.
  • Default text properties for all of these can be controlled with global variables: --size-label, --font-label, --case-label.

Examples

<Label>Email address</Label>