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
, banricompras
e blank
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>