Lamp
A glowing lamp-line header that expands into view.
- 0.9 KB gzipped
- Deps: motion/react
- Reduced-motion safe
- Base UI & Radix compatible
Preview
Lit from above
A glowing lamp line that opens as the section scrolls in.
Installation
pnpm dlx shadcn@latest add https://velora.colorlib.com/r/lamp.jsonAdds components/velora/lamp.tsx, installs motion and merges the keyframes and tokens into your CSS.
Props
| Prop | Type | Default |
|---|---|---|
children* | React.ReactNode | — |
className | string | — |
Accessibility
- Reduced motion
- The cones and lamp line appear at full width and opacity when scrolled into view, with no expansion.
- Keyboard
- Decorative — nothing to operate.
- Screen readers
- Every lamp layer is aria-hidden; only the children are exposed, as normal content.