Label

Text label for form elements.

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

label/01-label-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 const metadata = {
  title: 'Basic Label',
  description: 'A simple label component associated with a form input. Use this to provide accessible labels for form elements.'
};
 
export default function Example() {
  return (
    <div>
      <Label htmlFor="name">Name</Label>
      <Input id="name" placeholder="Enter your name" />
    </div>
  );
}
UI Lab