@robylon/web-react-sdk 1.1.46 → 1.1.47
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +29 -0
- package/dist/cjs/index.js +2 -2
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/components/ChatbotFloatingButton.d.ts +1 -0
- package/dist/cjs/types/components/RobylonChatbot.d.ts +1 -0
- package/dist/cjs/types/vanilla/components/ChatbotFloatingButton.d.ts +1 -0
- package/dist/cjs/types/vanilla/index.d.ts +1 -0
- package/dist/esm/index.js +2 -2
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/components/ChatbotFloatingButton.d.ts +1 -0
- package/dist/esm/types/components/RobylonChatbot.d.ts +1 -0
- package/dist/esm/types/vanilla/components/ChatbotFloatingButton.d.ts +1 -0
- package/dist/esm/types/vanilla/index.d.ts +1 -0
- package/dist/index.d.ts +2 -0
- package/dist/umd/robylon-chatbot.js +1 -1
- package/dist/umd/robylon-chatbot.js.map +1 -1
- package/dist/umd/types/components/ChatbotFloatingButton.d.ts +1 -0
- package/dist/umd/types/components/RobylonChatbot.d.ts +1 -0
- package/dist/umd/types/vanilla/components/ChatbotFloatingButton.d.ts +1 -0
- package/dist/umd/types/vanilla/index.d.ts +1 -0
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -534,6 +534,7 @@ The SDK supports the following configuration options for both React and plain Ja
|
|
|
534
534
|
| sideSpacing | number | Distance from the side of the screen (in px) | Optional |
|
|
535
535
|
| bottomSpacing | number | Distance from the bottom of the screen (in px) | Optional |
|
|
536
536
|
| show_launcher | boolean | Show the floating launcher button (default: true) | Optional |
|
|
537
|
+
| launcher_size | number | Override button size in pixels (default: 48px) | Optional |
|
|
537
538
|
| overrides | object | Customize chatbot header appearance | Optional |
|
|
538
539
|
|
|
539
540
|
### Position and Spacing Configuration
|
|
@@ -548,6 +549,7 @@ You can control the position and spacing of the chatbot button either through th
|
|
|
548
549
|
position="Left"
|
|
549
550
|
sideSpacing={30}
|
|
550
551
|
bottomSpacing={25}
|
|
552
|
+
launcher_size={64}
|
|
551
553
|
/>
|
|
552
554
|
```
|
|
553
555
|
|
|
@@ -567,9 +569,36 @@ RobylonChatbot.create({
|
|
|
567
569
|
position: "Left",
|
|
568
570
|
sideSpacing: 30,
|
|
569
571
|
bottomSpacing: 25,
|
|
572
|
+
launcher_size: 64,
|
|
570
573
|
});
|
|
571
574
|
```
|
|
572
575
|
|
|
576
|
+
### Launcher Size Configuration
|
|
577
|
+
|
|
578
|
+
The `launcher_size` prop allows you to customize the size of the floating button. This is useful for matching your design requirements or creating more prominent call-to-action buttons.
|
|
579
|
+
|
|
580
|
+
#### React Example:
|
|
581
|
+
|
|
582
|
+
```jsx
|
|
583
|
+
<Chatbot api_key="YOUR_API_KEY" launcher_size={64} />
|
|
584
|
+
```
|
|
585
|
+
|
|
586
|
+
#### Plain JavaScript Example:
|
|
587
|
+
|
|
588
|
+
```javascript
|
|
589
|
+
RobylonChatbot.create({
|
|
590
|
+
api_key: "YOUR_API_KEY",
|
|
591
|
+
launcher_size: 64, // Override default 48 button size
|
|
592
|
+
});
|
|
593
|
+
```
|
|
594
|
+
|
|
595
|
+
**Notes:**
|
|
596
|
+
|
|
597
|
+
- Default size is 48 if not specified
|
|
598
|
+
- Only applies to IMAGE launcher type (TEXT and TEXTUAL_IMAGE launchers have fixed heights)
|
|
599
|
+
- Size is specified in pixels
|
|
600
|
+
- Affects both button width and height (creates square button)
|
|
601
|
+
|
|
573
602
|
### Overrides Configuration
|
|
574
603
|
|
|
575
604
|
The `overrides` prop allows you to customize the chatbot header appearance, including avatars, titles, and styling. This is useful for branding or personalizing the chatbot interface.
|