Input

Inputs components for different use case.

Input - Basic

Open in npx shadcn add input-01

Copy

Label

---

Input - Tags selector

Open in npx shadcn add input-02

Copy

Tags

Snappy UI

---

Input - File Upload

Open in npx shadcn add input-03

Copy

Upload file

Drag and drop or click to upload

---

Input - Number

Open in npx shadcn add input-04

Copy

-+

0100

---

Input - Password

Open in npx shadcn add input-05

Copy

Label

8+ characters

Number

Lowercase

Uppercase

Special (!@#$)

---

Input - OTP Input

Open in npx shadcn add input-06

Copy

Verification Code

---

Input - Color Picker

Open in npx shadcn add input-08

Copy

Color Selector

Opacity100%

Swatches

---

Input - Selector

Open in npx shadcn add input-09

Copy

-1+

---

Input - Mood

Open in npx shadcn add input-10

Copy

---