Forms
CreditCardBrandMark
The card network logo/wordmark rendered on `CreditCard`, used internally.
<UiCreditCardBrandMark :brand="..." />Options
One block per prop — what it does, and what it looks like set.
Brand
requiredbrand picks which card network's mark to draw. CreditCard detects it from the number as you type and passes it down — you'd only set it by hand to render a mark on its own, in a saved-cards list or a checkout's accepted-payments row. 'unknown' renders nothing at all, which is what an empty or unrecognised number resolves to.
Rendered for you by CreditCard
This is the mark CreditCard prints in its corner, split out so the same artwork can be reused elsewhere. You never pass it to CreditCard — that component detects the network from the number itself.
API Reference
Generated from the component's source — props, slots and emits as the component actually declares them.
Props
Types
type CardBrand = "visa" | "mastercard" | "amex" | "discover" | "dinersclub" | "jcb" | "unionpay" | "unknown";