Documentation Index
Fetch the complete documentation index at: /llms.txt
Use this file to discover all available pages before exploring further.
Configure the widget’s default size and enable user resizing
size.width and size.height to any CSS value — px, %, vw/vh, rem, etc.:
const voltai = Voltai.load({
apiKey: 'your-api-key',
size: {
width: '500px',
height: '80vh'
}
});
85vw wide and 92vh tall.
resizable to let users drag the top edge, left edge, or top-left corner to resize the panel. Their preferred size is saved to localStorage and restored on page refresh.
Double-clicking a resize handle resets to the default size.
const voltai = Voltai.load({
apiKey: 'your-api-key',
size: {
resizable: true
}
});
const voltai = Voltai.load({
apiKey: 'your-api-key',
size: {
width: '600px',
height: '80vh',
minWidth: 400,
minHeight: 500,
maxWidth: 1200,
maxHeight: 900
}
});
| Property | Type | Default | Description |
|---|---|---|---|
width | string | "85vw" | Default width (any CSS value) |
height | string | "92vh" | Default height (any CSS value) |
minWidth | number | 320 | Minimum width in px when resizing |
minHeight | number | 400 | Minimum height in px when resizing |
maxWidth | number | viewport - 32 | Maximum width in px when resizing |
maxHeight | number | viewport - 32 | Maximum height in px when resizing |
resizable | boolean | true | Enable drag-to-resize handles |
localStorage under the key voltai_panel_size. It takes priority over the configured default, so users always get the size they last chose.