Card Field
A one-row card input for checkout. The number groups the way the brand prints it, then slides to its last four to make room for expiry and CVC.
- Library
- Kokonut UI
- Framework
- React
- Type
- component
- License
- MIT
- Dependencies
- lucide-react, motion
- Install
npx shadcn@latest add @kokonutui/card-field- Files
components/kokonutui/card-field.tsxlib/utils.ts
- Source
- https://github.com/kokonut-labs/kokonutui
Categories
- Form Field Components
- React Form Field Components
- Tailwind CSS Form Field Components
- Animated Form Field Components
- Input Components
- React Input Components
- Tailwind CSS Input Components
- Animated Input Components