Border Glow
A card whose border lights up on the side nearest the pointer, brighter the closer you get to the edge, with a soft halo outside.
import { BorderGlow } from "pleate/effects/border-glow";Stat cards
Storage
182 GB
of 256 GB used. Move the pointer towards an edge.
Uptime
99.98%
Any color works, here the success green.
Props
- color
Glow color.
stringdefault var(--pl-accent)- borderWidth
Lit border thickness in px.
numberdefault 1.5- spread
Width of the lit arc in degrees.
numberdefault 70- halo
Blur of the outer halo; 0 turns it off.
numberdefault 18
Accessibility
- The light is decorative and hidden from assistive tech.
- Touch screens and reduced motion get a still, faint glow.