Frappe UI React

Input

A customizable input component with support for prefixes, suffixes, sizes and variants.

Open in

Installation

npx shadcn@latest add "https://frappe-ui-react.tmls.dev/registry/input"

Usage

Solid Input

Open in

Outline Input

Open in

Subtle Input

Open in

Disabled Input

Open in

Invalid Input

Open in

Sizes

Size SM

Open in

Size MD

Open in

Size LG

Open in

Size XL

Open in

Prefix and Suffix

Open in
https://
.com

Prefix and Suffix Sizes

Open in
https://
.com