Label

Text label for form elements.

import { Label } from 'ui-lab-components/label';
import { Label } from 'ui-lab-components/label';
 
export default function Example() {
  return (
    <Label>
      Label
    </Label>
  );
}

label/01-basic-label

A simple label component associated with a form input. Use this to provide accessible labels for form elements.

Loading interactive preview
import { Label } from 'ui-lab-components/label'
import { Input } from 'ui-lab-components/input';
 
 
export default function Example() {
  return (
    <div>
      <Label htmlFor="name">Name</Label>
      <Input id="name" placeholder="Enter your name" />
    </div>
  );
}