Card Input

ui

Card number, expiry and CVC in one well: digits group as you type, the brand is detected from the prefix and its mark flips in, focus advances field to field, and it stacks to two rows when narrow.

pnpm dlx shadcn@latest add "https://geturui.com/r/card-input.json"

Sign In

Card Input

ui

Card number, expiry and CVC in one well: digits group as you type, the brand is detected from the prefix and its mark flips in, focus advances field to field, and it stacks to two rows when narrow.

pnpm dlx shadcn@latest add "https://geturui.com/r/card-input.json"

components/ui/card-input.tsx