Credit Card Input
A grouped card number, expiry and CVC field: brand detection with an animated mark, 4-4-4-4 or Amex 4-6-5 spacing, Luhn and expiry checks, and focus that moves on as each part is complete.
- Library
- ReactFrame
- Framework
- React
- Type
- component
- License
- MIT
- Dependencies
- clsx, motion, tailwind-merge
- Install
npx shadcn@latest add https://reactframe.com/r/credit-card-input.json- Files
registry/new-york/credit-card-input/credit-card-input.tsx
- Source
- https://github.com/AhmetLoca/reactframe-public
Categories
- Form Components
- React Form Components
- Tailwind CSS Form Components
- Animated Form Components
- Input Components
- React Input Components
- Tailwind CSS Input Components
- Animated Input Components
- Payment Card Components
- Tailwind CSS Payment Card Components
- Animated Payment Card Components
- Widget Components