ComponentReactregistry:ui3 dependencies

Field

field

Combine labels, controls, and help text to compose accessible form fields and grouped inputs.

Couldn't load the source right now — try refreshing.

Install

npx shadcn@latest add @basecn/field

Needs @basecn in your components.json registries — switch to URL if it doesn't resolve.

Registry: @basecn
Kind: Component
Framework: React
Files: 1 · 5.9 KB
Preview: Unavailable
License: Not tracked · check @basecn

npm dependencies

class-variance-authority

Registry dependencies

label@basecn
separator@basecn

6 other registries

Similar components

Other registries' take on field.

Form field composition: Field, FieldControl, FieldLabel, FieldDescription, FieldError. Auto-wires accessibility: FieldControl (a Slot around any control) receives a generated id, aria-describedby pointing at the description and error, and aria-invalid; the label targets the control automatically. invalid/disabled props drive data attributes, label color and dimming. orientation switches vertical (default) and horizontal (label-left, e.g. switch rows).

Search the catalog

Field

Similar components