Lanyard
A badge hanging from a strap with a small verlet rope simulation. Grab and throw it, or swing it with the arrow keys.
import { Lanyard } from "pleate/effects/lanyard";Conference badge
DEVDAYS 2026
Mia Torres
Speaker
All access
Props
- children
Badge content.
ReactNode- label
Accessible name.
stringdefault "Badge"- length
Strap length (px).
numberdefault 190- width / height
Badge size (px).
numberdefault 210 / 290- strapColor
Strap color.
stringdefault accent
Accessibility
- The badge is focusable; arrow keys give it a swing.
- The simulation sleeps at rest; reduced motion shows it hanging still.