Chat Widget
A floating chat widget with animated open/close, customizable logo, greeting, and actions for booking calls or sending emails.
👉 The chat widget will appear in the bottom-right corner of the page. Look for the blue button in the bottom-right corner.
Installation
Install this component and its dependencies with a single command.
npx shadcn@latest add https://ui.voxletstudio.com//r/chat-widget.jsonOnce your project registers the @voxlet namespace, this also works: npx shadcn@latest add @voxlet/chat-widget
ChatWidgetProps
| Prop | Type | Default | Description |
|---|---|---|---|
| className | string | - | Optional class name applied to the parent container for positioning or styling. |
| calendarLink | string | - | The URL used for the 'Book a Call' button. |
| string | - | The email address used for the 'Send an Email' button. | |
| logo | string | https://voxletstudio.com/logo-transperant-bg.svg | An optional logo displayed in the chat header. |
| greeting | string | Hi there 👋 | The smaller greeting message shown above the headline. |
| headline | string | How can we help? | The main heading text in the chat header. |