Aspyn

Label

Accessible form control labeling.

Installation

npm install @aspyn-io/kit @aspyn-io/tokens
import { Label } from "@aspyn-io/kit";

Basic usage

Built on Radix Label — clicking focuses/toggles the paired control, and screen readers announce the association.

<Label htmlFor="name">Full name</Label>
<Input id="name" />

With any form control

<div className="flex items-center gap-2">
  <Checkbox id="marketing" />
  <Label htmlFor="marketing">Send me product updates</Label>
</div>