Label

An accessible label for a control. Associate it with htmlFor, or nest the control inside so a click focuses it. Inside a Field, prefer FieldLabel — it auto-associates.

Name

tsx

import { Label } from "@/registry/seam/ui/label"
import { Input } from "@/registry/seam/ui/input"

export default function LabelDemo() {
  return (
    <div className="flex w-72 flex-col gap-2">
      <Label htmlFor="name">Name</Label>
      <Input id="name" placeholder="Ada Lovelace" />
    </div>
  )
}

bunx --bun @seamui/cli@latest add label

Notes

Renders a plain <label>, so it works in server components.
Dims when it wraps a disabled control (data-disabled) or sits next to a disabled peer.

Press feedback, reduced motion, and haptics follow the global policy — see Motion and Haptics.