Label

Form field labels

UtilityStable

Preview

Interactive preview of the Label component with different variants.

Username

Email Address*

Installation

Install the package via npm:

bash

npm install apex-design-system

Import

tsx

import { Label } from 'apex-design-system';

Basic Usage

tsx

<Label htmlFor="email">Email address</Label>
<Input id="email" type="email" />

Accessibility

This component follows WAI-ARIA best practices and is WCAG 2.1 AA compliant. It includes proper keyboard navigation, focus management, and screen reader support.

View in Storybook View source