ILabel ​

The text naming a field. It renders a real <label>, so clicking it focuses the control.

<ILabel for="reference">Invoice reference</ILabel>
<IInput id="reference" v-model="reference" placeholder="INV-1042" />

for must match the control's id. Every field component accepts an id prop for exactly this.

Required ​

required appends an asterisk. It is decorative, so mark the control itself required as well.

<ILabel for="email" required>Email</ILabel>
<IInput id="email" v-model="email" type="email" required placeholder="billing@example.com" />

When to reach for it ​

Use ILabel when you are laying a field out by hand. Otherwise let IFormField do it — it renders the label, wires for to a generated id, and links the description, hint and error in one go.

<!-- Preferred: the field owns the label and the wiring. -->
<IFormField name="reference" label="Invoice reference">
  <IInput v-model="reference" />
</IFormField>

ICheckbox, ISwitch and IRadioGroup items take their own label prop and wire it themselves.

Props ​

Reka UI's Label props are forwarded.