Input

Inputs components for different use case.

Input - Basic

Live Preview

Open in npx shadcn add input-01

Copy

Label

---

Input - Tags selector

Live Preview

Open in npx shadcn add input-02

Copy

Tags

KokonutUI

---

Input - File Upload

Live Preview

Open in npx shadcn add input-03

Copy

Upload file

Drag and drop or click to upload

---

Input - Number

Live Preview

Open in npx shadcn add input-04

Copy

-+

0100

---

Input - Password

Live Preview

Open in npx shadcn add input-05

Copy

Label

8+ characters

Number

Lowercase

Uppercase

Special (!@#$)

---

Input - OTP Input

Live Preview

Open in npx shadcn add input-06

Copy

Verification Code

---

Input - Filters

Live Preview

Open in npx shadcn add input-07

Copy

1

Verified Only

---

Input - Color Picker

Live Preview

Open in npx shadcn add input-08

Copy

Color

Opacity100%

Swatches

---

Input - Selector

Live Preview

Open in npx shadcn add input-09

Copy

-1+

---

Input - Mood

Live Preview

Open in npx shadcn add input-10

Copy

---