Registry Index

Search the catalog

Type to search items across every indexed registry, or pick a page.

ComponentReactregistry:componentSelf-contained

Field

field7

Field built with shadcn/ui.

@shadcnuikitRegistry JSON
Live, loading

Starting the live preview…

Runs in a sandboxed frame on a separate origin, in its registry's own theme. Mounted with no props — an item that paints an empty box is given its name as text, and some items need input to show anything.

10 variants

Variants of this

Other takes on Field from @shadcnuikit — the same idea in another design, language or styling.

A field is a form control that allows the user to enter a value. Each field example is compatible with form primitives from Radix UI and Base UI.

Open
@shadcnuikit

More from @shadcnuikit

All 139 items
Empty
empty4
Component
Navigation menu
navigation-menu-component3
Component
Newsletter sections
newsletter1
Block
Toggle
toggle-component8
Component
Pagination
pagination3
Component
Radio group
radio-group4
Component
Collapsible
collapsible2
Component
Scroll area
scroll-area2
Component