Book Call Button
A premium "Book a call" pill with a green expanding capsule. At rest, a 36% accent capsule holds a dotted arrow + label; on hover, the capsule fills the pill, the label slides out, and a phone icon with ringing lines fades in centered.
Installation
Add the component directly to your repository using shadcn CLI:
npx shadcn@latest add Surajmaurya1/easyui/book-call-button
API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| children | string | 'Book a call' | Label rendered to the right of the dotted arrow at rest |
| onClick | () => void | undefined | Click handler — ignored when href is also provided |
| href | string | undefined | When provided, the pill renders as an <a> with this href instead of a <button> |
| className | string | undefined | Additional Tailwind classes merged into the pill root |