Visualización
Placetopay Logo
Un componente que muestra el logo de Placetopay en diferentes modos de color y tamaños, optimizado para varios fondos y diseños.
Tests
100%
Uso
El componente SPlacetopayLogo renderiza el logo de la marca Placetopay con soporte para diferentes modos visuales y dimensiones personalizables.
Modos
Elige entre tres modos de color dependiendo de tu fondo: base (gris), dark (blanco) o blackAndWhite.
Tamaño Predefinido
Usa la prop size para dimensionar rápidamente. El tamaño "md" establece el ancho en 202px automáticamente mientras mantiene la relación de aspecto.
Dimensiones Personalizadas
Establece dimensiones personalizadas usando las props width y height. El componente mantiene una relación de aspecto de 202:45 por defecto.
Props
| Prop | Tipo | Default | Descripción |
|---|---|---|---|
mode | 'base' | 'dark' | 'blackAndWhite' | 'base' | El modo de color del logo |
size | 'md' | - | Tamaño predefinido (md = 202px de ancho) |
width | number | - | Ancho personalizado en píxeles (sobrescribe size) |
height | number | - | Alto personalizado en píxeles |
class | string | - | Clases CSS adicionales |