Dev Design Library

Input

A text input with three sizes, invalid and read-only states, native validation styling and a 16px touch font so phones never zoom in.

Input preview
Library
HextaUI
Framework
React
Type
ui
License
MIT
Dependencies
@base-ui/react@^1.8.0, class-variance-authority, cn
Install
npx shadcn@latest add https://hextaui.com/r/input.json
Files
  • components/ui/input.tsx
  • lib/motion.ts
  • components/ui/number-flow.tsx
  • hooks/use-autosize.ts
  • hooks/use-composed-ref.ts
  • hooks/use-invalid-shake.ts
  • hooks/use-merged-ref.ts
Source
https://github.com/preetsuthar17/hextaui

Categories

More from HextaUI