Label Component

Standalone form label; use with for/id to associate with inputs.

Label

A standalone label for form controls. Use the for prop to associate with an input's id. For full form layout with help text and error use FormGroup.

Add this component

The command below includes <strong>Label</strong>—run it in your project directory to install this component (and the CSS if needed). No prompts.

Choose your package manager — click a tab to select, then copy the command.

npm pnpm yarn bun

Props

  • for (string, optional) - id of the associated form control
  • required (boolean, optional) - Shows required indicator (asterisk) after the label
  • class (string, optional) - Additional CSS classes

Example

Live Example

Usage

Full example for each framework (Astro, Vanilla, Svelte, Vue, React). Switch framework via View as or by clicking a Usage tab—both stay in sync.

Astro Vanilla Svelte Vue React

Other frameworks: Vanilla · Svelte · Vue · React