Brands
O componente Brands permite de modo fácil exibir o ícone das principais bandeiras disponíveis através da POS Stone. Ideal para quem mexe diretamente com requisicões de transação.
Caso não haja a bandeira especificada, ele exibe a bandeira padrão blank.
| Propriedades | Descrição | Tipo | Padrão |
|---|---|---|---|
| icon | Nome (caixa baixa) da bandeira | string |
blank |
| width | Largura da imagem | string |
30 |
As bandeiras compatíveis com o POS podem ser:
alelo, amex, cabal, diners, elo, hipercard, mastercard, senff, sodexo, ticket, verdecard, visa, vr, hiper, greencard, cooper, valecard, verocard, up brasil, ben visa vale, redecompras, unionpay, banescard, sorocred e blank
Utilidades
getBrand(name)
Método auxiliar que retorna a imagem da bandeira. Pode ser útil para usar com background-image por exemplo.
Caso use tag img, utilize o componenent @mamba/brands/Brands.html.
<img src="{getBrand('visa')}" />
<script>
import getBrand from '@mamba/brands/getBrand.js';
export default {
helpers: { getBrand },
};
</script>