chatjetapp-widget
v0.1.0
Published
Chat widget for chatjetapp.com chatbots
Readme
chatjetapp-widget
Properties
| Property | Attribute | Description | Type | Default |
| ------------------- | ------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------- | ------------------- |
| bot (required) | bot | The bot slug to connect to. | string | undefined |
| buttonText | button-text | The text to display on the button. | string | "Chat" |
| expanded | expanded | Whether the chat widget is initially expanded. | boolean | false |
| position | position | The initial position of the chat widget on the screen. | "center" \| "left" \| "right" | 'right' |
| server | server | | string | CHATJETAPP_SERVER |
| team (required) | team | The team slug to connect to. | string | undefined |
| theme | theme | Theme mode for the chat widget. - 'auto': Uses user's system preference (prefers-color-scheme) - 'light': Forces light theme - 'dark': Forces dark theme | "auto" \| "dark" \| "light" | 'auto' |
| visible | visible | Whether the chat widget is visible on load. | boolean | false |
CSS Custom Properties
| Name | Description |
| --------------------------------- | -------------------------------- |
| --button-background-color | Button background color |
| --button-background-color-hover | Button background color on hover |
| --button-border-color | Button border color |
| --button-border-color-hover | Button border color on hover |
| --button-text-color | Button text color |
| --button-text-color-hover | Button text color on hover |
| --chatjetapp-widget-z-index | Z-index of the component |
Built with StencilJS
