ComponentReactregistry:ui2 dependencies

Field

field

Field layout with label and help.

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

Notes from the author

https://ui.shadcn.com/docs/components/field?utm_source=hextaui&utm_medium=referral&utm_campaign=component-docs&ref=hextaui.com

Install

npx shadcn@latest add @hextaui/field

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

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

Registry dependencies

label@hextaui
separator@hextaui

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).

Used by 39 items

Built on Field

Other @hextaui items that list this one as a dependency.

Search the catalog

Field

Notes from the author

Similar components

Built on Field