Theme Switcher

Label

A Label represents a caption for an item in a user interface. Renders an accessible label associated with controls.

import { Input } from "@ngrok/mantle/input";
import { Label } from "@ngrok/mantle/label";

<Label htmlFor="name">
	Name: <Input type="text" id="name" />
</Label>

<div className="flex items-center gap-2">
	<Label htmlFor="name-2">Name:</Label>
	<Input type="text" id="name-2" />
</div>

API Reference

The Label accepts the following props in addition to the standard HTML label attributes.

PropTypeDefaultDescription
disabled
booleanfalse

Use the disabled prop to explicitly render the label in a disabled state.