Label
Form ControlsStable
Accessible form label built on Radix Label. Always pair with form controls using htmlFor/id for accessibility.
Quick Import
import { Label } from "@cohere-ai/waypoint-ui/label";Live Preview
Loading Label...
Props
| Name | Type | Default | Description |
|---|---|---|---|
htmlFor | string | - | ID of the associated form control |
Examples
Label with Input
Label associated with a text input
1 import { Label } from '@cohere-ai/waypoint-ui/label'; 2 import { Input } from '@cohere-ai/waypoint-ui/input'; 3 4 <div className="flex flex-col gap-1.5"> 5 <Label htmlFor="name">Full name</Label> 6 <Input id="name" placeholder="Jane Doe" /> 7 </div>
Additional Resources
Found an Issue?
If you've encountered a bug or have feedback about the Label component, please report it to our team. Your feedback helps us improve Waypoint.
Available for all users • Issue will be created in Linear
Was this page helpful?
Your feedback helps us improve our documentation.
Need Help?
Check out the Whitelabeling Playground to explore customization options or visit the Developer Guide for integration help.