Input

Single-line text field drawn like the Select trigger: a fixed hairline, a hover fill, and a neutral focus border; file inputs get an icon. Pairs with Field.

Library

Fluid Functionalism

Framework

React

Type

ui

License

MIT

Dependencies

lucide-react

Install

npx shadcn@latest add @fluid/input

Files

• registry/default/input.tsx
• registry/default/lib/utils.ts
• registry/default/lib/font-weight.ts
• registry/default/lib/icon-context.tsx
• registry/default/lib/shape-context.tsx
• registry/default/lib/size-context.tsx
• registry/default/lib/type-scale.ts
• lib/type-scale.ts

Source

https://github.com/mickadesign/fluid-functionalism

Categories

• Input Components
• React Input Components
• Tailwind CSS Input Components

More from Fluid Functionalism

• Accordion
• Accordion (Base UI)
• Ask User Questions
• Badge
• Banner
• Breadcrumb
• Button
• Button (Base UI)
• Calendar
• Card
• Carousel Dots
• Chat Message