Data Display
Credit Card
A display-ready credit card with brand, gray, transparent and strip faces — scalable to any width while keeping its aspect ratio.
Import
import { CreditCard } from "@countryclub/ui-react";Default
Customization
Customize the card with the company, cardNumber, cardHolder and cardExpiration props.
Sizes
Set the width prop — the height adjusts automatically to keep the 316 × 190 aspect ratio.
Transparent
A frosted-glass face for colorful or photographic backgrounds.
Transparent Gradient
The glass face with a warm brand-gold gradient tint.
Brand Dark
Brand Light
Gray Dark
Gray Light
Transparent Strip
The glass face with a translucent horizontal band.