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.

Editar esta páginaoReportar un problema

Card

Un componente de tarjeta flexible para mostrar contenido con iconos opcionales, títulos, acciones y comportamiento de cierre.

Caption

Un componente de texto pequeño con soporte para modo oscuro utilizado para mostrar mensajes de ayuda, sugerencias o mensajes de error debajo de inputs de formulario u otros elementos.