Components
Label New · experimental
shadcn's Label, ported as is. No goo, here for a complete catalog.
Click the label to focus the field.
GoopLabel wraps reka-ui's Label, like shadcn-vue's Label, with the same classes. It has no goo. It dims with a disabled peer or group, as shadcn's does.
Installation
Install @goopui/nuxt or @goopui/vue as shown on the Button page. The Nuxt module auto-imports GoopLabel.
Usage
<GoopLabel for="email">Email</GoopLabel>
<GoopInput id="email" type="email" placeholder="[email protected]" />
Props
| Prop | Type | Default | Notes |
|---|---|---|---|
for | string | The id of the control it labels. | |
asChild, as | The element to render, via reka-ui. | ||
class | string | array | object | Merged onto the root. |