Beam Button
A glass pill with a beam travelling along its lower edge. The chip under it is deliberately quiet, one tinted plate and a hairline border with the ink coming up to full under the cursor, because a louder face would compete with the light ra.
- Library
- D2Studio UI
- Framework
- React
- Type
- component
- License
- MIT
- Dependencies
- border-beam, lucide-react
- Install
npx shadcn@latest add https://d2studio.dev/r/button-beam.json- Files
registry/default/components/button-beam.tsxlib/utils.ts
- Source
- https://github.com/rajaaltus/d2studio-ui
Categories
- Action Components
- React Action Components
- Tailwind CSS Action Components
- Button Components
- React Button Components
- Tailwind CSS Button Components
- CTA Button Components
- React CTA Button Components
- Tailwind CSS CTA Button Components