Label

Installation

Usage

import { Label } from "@glass-ui-kit/glass"

export default function App() {
  return <Label htmlFor="email">Email address</Label>
}

import { Label } from "@glass-ui-kit/glass"

export default function App() {
  return <Label htmlFor="email">Email address</Label>
}

Examples

Checkbox Pairing

Labels are especially useful for making checkbox rows easier to scan and click without losing native behavior.

Field Pairing

Use htmlFor with a matching form control id to keep label and input behavior fully native.

Styling & API

Label accepts standard label attributes and class composition.

<Label htmlFor="name">
  Name
</Label>

<Label htmlFor="name">
  Name
</Label>