Label

Labels are elements used primarily for labelling form inputs. This component is styled to resemble text and semantically renders a label element.

Import

import { Label } from '@sajari-ui/core';

import { Label } from '@sajari-ui/core';

Type

<>
  <Label htmlFor="name" margin="mb-2">
    Type
  </Label>
  <Select id="name">
    <option>Example</option>
  </Select>
</>

<>
  <Label htmlFor="name" margin="mb-2">
    Type
  </Label>
  <Select id="name">
    <option>Example</option>
  </Select>
</>

The Label component composes the Box component.

Name	Type	Default	Description
`htmlFor`	`string`		Reference to an input elements id that the label is labelling.
`visuallyHidden`	`boolean`		If `true`, the label will be hidden for visual users but visible to screen readers.