Acronis UIKit
Legacy (shadcn-uikit)Components

Label

A text label associated with a form control for accessibility and usability.

Usage

import { Label } from '@acronis-platform/shadcn-uikit';
<Label htmlFor="email">Email</Label>
<input id="email" type="email" />

Overview

The Label component renders an accessible <label> element styled with consistent typography. It automatically reduces opacity and shows a not-allowed cursor when its associated form control (peer) is disabled.

API Reference

The Label extends all native <label> HTML attributes. It applies text-sm font-medium leading-none styling and responds to the peer-disabled state of its associated input.

PropTypeDescription
htmlForstringThe id of the form element this label is associated with.
classNamestringAdditional CSS class names to apply.
Edit on GitHub

On this page