@voxket-ai/voxket-live 1.1.49 → 1.1.50
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 +18 -1
- package/dist/index.cjs +60 -52
- package/dist/index.js +3124 -3094
- package/dist/utils/inject-styles.d.ts +22 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -89,7 +89,24 @@ yarn add @voxket-ai/voxket-live
|
|
|
89
89
|
|
|
90
90
|
That's it! All dependencies including LiveKit are bundled automatically. React and React DOM are peer dependencies (your project should already have them).
|
|
91
91
|
|
|
92
|
-
###
|
|
92
|
+
### 🎨 **IMPORTANT: Import the CSS Styles**
|
|
93
|
+
|
|
94
|
+
**The SDK includes pre-compiled CSS with all necessary styles. You MUST import the CSS file for the widget to display correctly:**
|
|
95
|
+
|
|
96
|
+
```tsx
|
|
97
|
+
// In your main App.tsx or entry file
|
|
98
|
+
import '@voxket-ai/voxket-live/style.css';
|
|
99
|
+
```
|
|
100
|
+
|
|
101
|
+
Or in vanilla JavaScript/HTML:
|
|
102
|
+
|
|
103
|
+
```html
|
|
104
|
+
<link rel="stylesheet" href="node_modules/@voxket-ai/voxket-live/dist/index.css">
|
|
105
|
+
```
|
|
106
|
+
|
|
107
|
+
**Note:** The SDK does NOT require Tailwind CSS in your project - all styles are pre-compiled and bundled. The CSS import includes everything needed.
|
|
108
|
+
|
|
109
|
+
### 🎨 **Popup Icon Customization**
|
|
93
110
|
|
|
94
111
|
The popup trigger button comes with a default Voxket logo. You can customize it in two ways:
|
|
95
112
|
|