Label

Give a form control a clear, accessible name.

Live example

A reviewed public example, isolated from this page.

Open example 
import { Label } from "heidi-ui";
import "heidi-ui/styles.css";

Copy this one primitive from its hosted source recipe or install the whole package from the Heidi UI overview.

Anatomy

  • root<label>

    Native label element; htmlFor associates with a labelable control id. The render host must remain a label so native focus, activation, and accessible naming survive.

    Uses native semantics

Root properties

  • htmlFor
Start building