DocsInstallationComponents
Sections
  • Components
Components
  • AlertBanner
  • AlertDialog
  • Alert
  • Avatar
  • Badge
  • Breadcrumb
  • Button
  • CalendarIcon
  • CellLayout
  • CellLink
  • Checkbox
  • Collapse
  • ContentSwitcher
  • ControlLabel
  • DatePicker
  • Dialog
  • Divider
  • Drawer
  • EmptyCell
  • EmptyState
  • Empty
  • ErrorOverlay
  • FilterBar
  • FilterChips
  • Flex
  • GridLayout
  • HumanisedDate
  • Icon
  • InputDuration
  • InputField
  • Input
  • Label
  • Loader
  • MoreActions
  • NumberInput
  • OutsideClickHandler
  • PageLoader
  • Page
  • Popconfirm
  • Popover
  • ProgressPie
  • Progress
  • RadioButtonGroup
  • RadioGroup
  • Radio
  • RelativeTime
  • Resizable
  • SearchInput
  • Select
  • SkeletonText
  • Skeleton
  • Space
  • SquadAvatarList
  • StatusPicker
  • Stepper
  • Switch
  • TableLight
  • Tabs
  • Tag
  • Text
  • Textarea
  • Toast
  • Tooltip
  • TriggerSelect
  • Upload

Label

PreviousNext

Accessible label for form controls.

import { Label } from "@/rl-ui";

<Label htmlFor="email">Email</Label>

Examples#

Variants#

import { Label } from "@/rl-ui";

<>
<Label variant="default">Default label</Label>
<Label variant="regular">Regular label</Label>
</>

API#

PropTypeDefaultDescription
variant"default" | "regular""default"Typography weight/size.
htmlForstring—Associated control id.
InputLoader

On This Page

ExamplesVariantsAPI
Built by shadcn at Vercel. The source code is available on GitHub.