← All components Form primitives

FormField

Label + control + hint + error wrapper. Auto-wires id, aria-describedby, aria-invalid.

Inspired by Radix Form (Pedro Duarte), WAI-ARIA APG.

Preview

What it looks like.

App name

The bundle name shown in the Mac dock and in Locara's app list.

Hugging Face token

Tokens must start with hf_ followed by 37 characters.

Usage

Drop it into your app.

import { FormField, Input } from '@locara/components'

<FormField label="App name" hint="The bundle name shown in the Mac dock.">
  <Input value={name} onChange={setName} />
</FormField>

<FormField label="Hugging Face token" required error={errors.token}>
  <Input value={token} onChange={setToken} />
</FormField>

Or copy the source into your repo: locara add form-field