componente · @solu30/ui-kit/animation
Spotlight
El componente, montado
Cargando el componente del paquete instalado…
Cargando el chunk del paquete instalado…
De dónde se importa
import { Spotlight } from '@solu30/ui-kit/animation'Props
| Prop | Requerida | Tipo | Qué hace |
|---|---|---|---|
| size | opcional | number | Diámetro del halo en px. Default `200`. |
| springOptions | opcional | SpringOptions | — |
| color | opcional | string | Color del halo. Default `var(--ui-accent)`. |
| className | opcional | string | — |
Ejemplo del paquete
<div className="relative overflow-hidden rounded-2xl border border-ui-border p-6">
<Spotlight />
<PricingPlan plan={plan} />
</div>Del @example del JSDoc de @solu30/ui-kit, sin editar. Cuatro de los 69 ejemplos del paquete traen pegada la firma cruda del .d.ts —el mismo defecto del extractor que se come las descripciones—, y por eso la caja tiene tope de alto: el ejemplo de verdad suele estar al final.