radkradk

Label

Renders an accessible label associated with controls.

Installation

npx radk add label

Usage

import { Label } from "@/components/ui/label"
<Label htmlFor="email">Your email address</Label>

Examples

With Input

import { Input } from "@/components/ui/input"

<div className="grid w-full max-w-sm items-center gap-1.5">
  <Label htmlFor="email">Email</Label>
  <Input type="email" id="email" placeholder="name@example.com" />
</div>

Input

Displays a form input field.

Progress

Displays an indicator showing the completion progress of a task.

On this page

InstallationUsageExamplesWith Input