Label

A text label for form inputs, providing context and improving accessibility.

Installation

Import the component from the passport-ui package.

components/example.tsx
1import { Label } from "passport-ui";

Usage

Basic example showing how to use the component.

components/example.tsx
1<Label htmlFor="email">Email Address</Label>
2
3{/* With form control */}
4<div className="meta-container">
5 <Label htmlFor="username">Username</Label>
6 <Input id="username" placeholder="Enter username" />
7</div>

Additional resources

Documentation and examples are available in Storybook.