@salesforcedevs/docs-components 0.0.18-chat → 0.0.20-chat
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/package.json
CHANGED
|
@@ -5,7 +5,7 @@ A self-contained sliding sidebar chat component with a floating trigger button t
|
|
|
5
5
|
## Features
|
|
6
6
|
|
|
7
7
|
- 🎯 **Sliding Sidebar**: Slides in from the right side of the screen
|
|
8
|
-
- 🔘 **Floating Trigger**: Built-in floating button to open chat (
|
|
8
|
+
- 🔘 **Floating Trigger**: Built-in floating button to open chat (bottom-right corner)
|
|
9
9
|
- 💬 **Real-time Chat**: Interactive messaging with typing indicators
|
|
10
10
|
- 🎨 **Modern Design**: Clean, responsive interface with subtle animations
|
|
11
11
|
- ⚙️ **Configurable**: Customizable title, placeholder, and assistant name
|
|
@@ -27,7 +27,7 @@ The component is completely self-contained with a built-in floating trigger butt
|
|
|
27
27
|
></doc-chat>
|
|
28
28
|
```
|
|
29
29
|
|
|
30
|
-
That's it! The component will automatically show a floating chat button in the
|
|
30
|
+
That's it! The component will automatically show a floating chat button in the bottom-right corner when closed, and a sliding sidebar when opened.
|
|
31
31
|
|
|
32
32
|
## Properties
|
|
33
33
|
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/* Floating trigger button */
|
|
2
2
|
.chat-trigger-button {
|
|
3
3
|
position: fixed;
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
bottom: 20px;
|
|
5
|
+
right: 20px;
|
|
6
6
|
width: 60px;
|
|
7
7
|
height: 60px;
|
|
8
8
|
border-radius: 50%;
|
|
@@ -299,8 +299,8 @@
|
|
|
299
299
|
.chat-trigger-button {
|
|
300
300
|
width: 50px;
|
|
301
301
|
height: 50px;
|
|
302
|
-
|
|
303
|
-
|
|
302
|
+
bottom: 15px;
|
|
303
|
+
right: 15px;
|
|
304
304
|
}
|
|
305
305
|
|
|
306
306
|
.chat-icon {
|
|
@@ -332,8 +332,8 @@
|
|
|
332
332
|
.chat-trigger-button {
|
|
333
333
|
width: 45px;
|
|
334
334
|
height: 45px;
|
|
335
|
-
|
|
336
|
-
|
|
335
|
+
bottom: 10px;
|
|
336
|
+
right: 10px;
|
|
337
337
|
}
|
|
338
338
|
|
|
339
339
|
.chat-icon {
|