Getting Started
Types
Botstack’s React UI Kit configuration types
Assets
| Name | Type | Description |
|---|---|---|
| group (optional) | string | What we call a non dm chat e.g. group, channel, etc |
| brand (optional) | image | Logo image - light |
| brandDark (optional) | image | Logo image - dark |
| brandName | string | Name of product |
Themes
| Name | Type | Description |
|---|---|---|
| borderRadius (optional) | string | Radius of rounded corners |
| light (optional) | Theme | The light theme |
| dark (optional) | Theme | The dark theme |
Theme
| Name | Type | Description |
|---|---|---|
| 100 (optional) | { background?: string, foreground?: string } | Variant of colors. |
| 200 (optional) | { background?: string, foreground?: string } | Variant of colors. |
| 300 (optional) | { background?: string, foreground?: string } | Variant of colors. |
| 400 (optional) | { background?: string, foreground?: string, muted?: string } | Variant of colors. |
| primary (optional) | { background?: string, foreground?: string } | Variant of colors for primary branding. Used on buttons and main CTAs. |
| secondary (optional) | { background?: string, foreground?: string } | Variant of colors for secondary branding. Used on alternate buttons and CTAs. |
| bubble (optional) | { background?: string, foreground?: string } | Variant of colors for the message bubble. |
| botBubble (optional) | { background?: string, foreground?: string } | Variant of colors for the AI assistant message bubble. |
| border (optional) | string | The color of borders. |
Was this page helpful?