Text Field

A text field allows a user to enter a plain text value with a keyboard.

Installation

CLI

Manual

In the terminal, run the following command to begin:

npx hq-kit add text-field

Preview

Code

Basic

Pending

Readonly

Invalid

Disabled

Preview

Code

Tiktok

Sites

https://.com

Preview

Code

Name

If you pass password as the type prop, the text field will add button to toggle the visibility of the password.

Preview

Code

Password

Preview

Code

Name

value: ""

Preview

Code