Paydece Widget Library

Esta es una librería para integrar el widget de Paydece en tu aplicación.

Instalación

Para instalar la librería, puedes utilizar npm:

npm install paydece-widget

Uso

1. Importa el componente PaydeceWidget en tu aplicación.

import { PaydeceWidget } from 'paydece-widget';

2. Inicializa el widget con los parámetros necesarios.

• containerId: El ID del elemento contenedor donde se renderizará el widget.
• width: El ancho del widget en píxeles.
• height: La altura del widget en píxeles.
• apiKey: La clave de API utilizada para identificarse ante la API de Paydece.

3. Inicializalo dentro del hook useEffect de React.

useEffect(() => {
  PaydeceWidget.init({
    containerId: 'widget-container',
    width: 900,
    height: 600,
    apiKey: 'TU_API_KEY_AQUÍ'
  })
}, [])

4. Crea un elemento contenedor en tu HTML con el mismo ID especificado en containerId.

<div id="widget-container"></div>

Personalización

Puedes personalizar el tamaño del widget ajustando los valores de width y height en la inicialización.