componente · @solu30/ui-kit/display
GlowCard
Tarjeta con un resplandor de color de fondo, en cuatro tonos fijos.
12 sitios de import en 1 de 15 verticales — un archivo que la importa cuenta una vez, monte una instancia o veinte.
- carlosmartinpavon
El componente, montado
Cargando el espécimen…
export function GlowSpecimen() {
return (
<Stage label="GlowCard · el brillo sigue al puntero" tall>
<GlowCard glowColor="mixed" className="w-full max-w-[260px] p-5">
<p className="text-sm font-medium text-content">Pasá el puntero por encima</p>
<p className="mt-1 text-xs text-content/60">
El resplandor es decorativo: no comunica nada que el texto no diga.
</p>
</GlowCard>
</Stage>
)
}De specimens/animation.tsx · GlowSpecimen: el espécimen del Muestrario, no un ejemplo oficial del paquete. Muestra cómo se usa la pieza de verdad, montada contra los tipos instalados —eso es lo que vale— pero no es documentación del kit.
Cómo se usa
import { GlowCard } from '@solu30/ui-kit/display'Props
| Prop | Requerida | Tipo | Qué hace |
|---|---|---|---|
| glowColor | opcional | 'cyan' | 'purple' | 'orange' | 'mixed' | — |