Label

unreleasedstable

A native label with Keystone typography and stable styling hooks.

API Reference
tsxUsage
import { Input } from "@/components/ui/input";
import { Label } from "@/components/ui/label";
 
export function Component() {
  return (
    <div class="grid gap-2">
      <Label for="email">Email</Label>
      <Input id="email" type="email" />
    </div>
  );
}

Label

Native label element for associating text with a form control by nesting or using the for/id relationship.

data-slot

Renders data-slot=label plus ui-label classes for downstream styling and composition.

Keystone UI is a new, modern UI component library for SolidJS.

Back to top