HQ UI
Open menu
Home
Components
Blocks
Icons
Colors
Search...
⌘
k
Search Field
A search field allows a user to enter and clear a search query.
Search Field
Installation
CLI
Manual
In the terminal, run the following command to begin:
npx hq-kit add search-field
State
Preview
Code
Basic
Pending
Readonly
Invalid
Disabled
Controlled
Preview
Code
value: ""
Validation
Preview
Code
Search for Products
Submit