Label

forms

Renders an accessible label associated with controls.

Preview

Installation

npm install @launchapp/design-system
Import
import { Label } from "@launchapp/design-system";

Examples

Label with Input

<div className="flex flex-col gap-1.5">  <Label htmlFor="name">Your name</Label>  <Input id="name" placeholder="Enter your name" /></div>

Props

PropTypeDefaultDescription
htmlFor
stringThe ID of the form element this label is for.
className
stringAdditional CSS classes.