Visualización
Card Brand
Muestra logos de metodos de pago y marcas de tarjetas como iconos SVG.
Tests
50%
Uso
El componente SCardBrand renderiza logos de metodos de pago y marcas de tarjetas. Soporta una amplia variedad de marcas incluyendo Visa, Mastercard, Amex, PSE y muchas mas.
Tamano
Usa la prop size para controlar el ancho y alto del icono de la marca en pixeles.
<template>
<SCardBrand name="visa" :size="64" />
</template>
Todas las Marcas
A continuacion la lista completa de nombres de marcas disponibles:
account, ach, alkosto, amex, athCard, athmv, avalButton, bancolombiaButton, cash, codensa, comfandi, compensarWallet, credencial, debit, diners, discover, elo, epm, equity, exito, ganapin, jcb, maestro, master, mefia, pagoEfectivo, paypal, pse, ris, safetyPay, somos, tarjetaClave, transerverPoints, tuya, visaElectron, visa
Props
| Prop | Tipo | Default | Descripcion |
|---|---|---|---|
name | 'visa' | 'master' | 'amex' | ... | - | El nombre de la marca a mostrar. Ver la lista completa arriba. |
size | number | - | Ancho y alto del icono SVG en pixeles. |
class | string | - | Clases CSS adicionales para aplicar al elemento SVG. |