Placetopay Logo
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 |
Definition Term
Renderiza una lista de descripción semántica (<dl>) que empareja una o varias etiquetas de término con una descripción, ideal para información clave-valor como resúmenes o detalles de perfil.
Avatar
Un componente para mostrar avatares de usuario con iniciales, imágenes, indicadores, múltiples tamaños y soporte para modo oscuro.