Field

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

ComboboxInput Group

Installation

npx shadcn add https://hq-ui.vercel.app/r/nova/field

Examples

Basic

field-set-demo
Address InformationWe need your address to deliver your order.

Field Text

npx shadcn add https://hq-ui.vercel.app/r/nova/text-field
field-input-demo
ProfileEnter your personal information
Choose a unique username for your account.
Must be at least 8 characters long.

Field Textarea

field-textarea-demo
Share your thoughts about our service.

Field Select

npx shadcn add https://hq-ui.vercel.app/r/nova/select
field-select-demo
Department
Select your department or area of work.

Field Combobox

npx shadcn add https://hq-ui.vercel.app/r/nova/combobox
field-combobox-demo
Select user for this job

Field Checkbox

npx shadcn add https://hq-ui.vercel.app/r/nova/checkbox
field-checkbox-demo
Show these items on the desktopSelect the items you want to show on the desktop.

Field Date

npx shadcn add https://hq-ui.vercel.app/r/nova/date-field
field-date-demo
DOB
7272026
Event Date
Event Date
Event time
830AM

Field Number

npx shadcn add https://hq-ui.vercel.app/r/nova/number-field
field-number-demo

Field Radio

npx shadcn add https://hq-ui.vercel.app/r/nova/radio
field-radio-demo
Subscription PlanYearly and lifetime plans offer significant savings.

Field Search

npx shadcn add https://hq-ui.vercel.app/r/nova/search-field
field-search-demo

Field Slider

npx shadcn add https://hq-ui.vercel.app/r/nova/slider
field-slider-demo
31
21–86
Combobox
Input Group