Label

Form label with optional required indicator.

Examples

A simple form label.

Full name

Label with a required asterisk indicator.

Email address

Label accompanied by a helper description.

Display name

This is how your name will appear in the app.

pnpm add @rokle/components @rokle/tokens

Installs with the default Rokle brand. Generate a custom brand on rokle.app to use your own colours and personality.

import { Label } from "@rokle/components";

import { Label } from "@rokle/components";

export function Example() {
  return <Label />;
}

The implementation source for this component. Copy it into your project and customise.

Prop	Type	Default	Description
htmlFor	string	-	ID of the associated input.
required	boolean	false	Show required indicator.