Label

Label is a standalone form label element. Use it when you need a label outside of FormGroup, or when building custom form layouts.

ExamplesCodeUsageChangelog

Basic usage

Full name

Tailwind v4

<Label for="name">Full name</Label>
<Input id="name" v-model="name" />

Required indicator

Email address*

Tailwind v4

<Label for="email" required>Email address</Label>
<Input id="email" v-model="email" type="email" />

The required prop appends a red * to the label text.

When to use Label vs FormGroup

• Use FormGroup when you want the full field wrapper: label + field + error/hint in one block. This is the standard for most forms.
• Use Label when you need a label independently — e.g. in a custom grid layout where the error handling is managed elsewhere.

Props

Prop	Type	Default	Description
for	string	—	for attribute linking the label to an input id
required	boolean	false	Appends a red * to the label

Slots

Slot	Description
default	Label text