Como usar los estilos de ADDI

Botón Paga con ADDI

Para usar estos estilos debes agregar la siguiente linea en tu HTML

<link rel="stylesheet" href="https://widgets.addi.com/dist/pay-btn.css">

Esta linea nos permite usar los siguientes estilos:

Estilo claro

Botón Paga con ADDI claro tamaño pequeño

<button id="addi-pay-btn" class="addi-pay-btn-sm addi-pay-btn-light"></button>

Botón Paga con ADDI claro tamaño medio

<button id="addi-pay-btn" class="addi-pay-btn-md addi-pay-btn-light"></button>

Botón Paga con ADDI claro tamaño grande

<button id="addi-pay-btn" class="addi-pay-btn-lg addi-pay-btn-light"></button>

Estilo oscuro

Botón Paga con ADDI oscuro tamaño pequeño

<button id="addi-pay-btn" class="addi-pay-btn-sm addi-pay-btn-dark"></button>

Botón Paga con ADDI oscuro tamaño medio

<button id="addi-pay-btn" class="addi-pay-btn-md addi-pay-btn-dark"></button>

Botón Paga con ADDI oscuro tamaño grande

<button id="addi-pay-btn" class="addi-pay-btn-lg addi-pay-btn-dark"></button>

Botón ADDI (solo logo)

Para usar este estilo debes agregar la siguiente linea en tu HTML

<link rel="stylesheet" href="https://widgets.addi.com/dist/card-btn.css">

Esta linea nos permite usar los siguientes estilos:

Botón ADDI oscuro

<button id="addi-card-btn" class="addi-card-btn-dark"></button>

Botón ADDI claro

<button id="addi-card-btn" class="addi-card-btn-light"></button>