HQ UI

Field

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

Combo BoxInput OTP

Installation

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

Blocks

field-set-demo
Address Information

We need your address to deliver your order.

field-input-demo
Profile

Enter your personal information

Choose a unique username for your account.

Must be at least 8 characters long.

field-textarea-demo

Share your thoughts about our service.

field-select-demo
Department

Select your department or area of work.

field-checkbox-demo
Show these items on the desktop

Select the items you want to show on the desktop.

field-date-demo
DOB
mmddyyyy
Event Date
Event Date
Event time
––––AM
field-number-demo
field-radio-demo

Yearly and lifetime plans offer significant savings.

field-search-demo
field-slider-demo
20
Combo Box
Input OTP