saturation/uisaturation/ui
DocsComponentsBlocksPages
GitHub

Sections

IntroductionComponentsInstallationMCPTheming

Components

ComponentsAccordionAI Chat InputAlertAnimated GroupAnimated NumberAvatarBadgeBeamBlur FadeBorder TrailBreadcrumbButtonButton GroupCalendar PickerCardChartCheckboxCollapsibleComboboxCommandComparison SliderContext MenuCredit CardData TableDate PickerDialogDropdown MenuEmoji PickerEmptyFieldFiltersFull CalendarGlow EffectInputInput GroupInput OTPItemKanbanKbdMenubarNavigation MenuNovel EditorPaginationParallaxProgressProgressive BlurRadio GroupRippleSelectSeparatorSheetSkeletonSliderSonnerSpinnerSpotlightSwitchTableTabsText EffectText ShimmerTextareaToggleToggle GroupTreeTypography
Docs/Components/Label

Label

Renders an accessible label for form controls.

Loading...

Installation

pnpm dlx shadcn@latest add https://ui.saturation.io/r/label.json

Usage

import { Label } from "@/components/ui/label"
<Label htmlFor="email">Email address</Label>
<input id="email" type="email" />

API Reference

Label

Extends all native <label> HTML attributes via @radix-ui/react-label.

PropTypeDefaultDescription
htmlForstring—The id of the form element this label is associated with.
classNamestring—Additional CSS classes.
PreviousKbdNextMenubar

On This Page

  • Installation
  • Usage
  • API Reference
  • Label