Skip to main content

Documentation Index

Fetch the complete documentation index at: https://docs.voltai.ai/llms.txt

Use this file to discover all available pages before exploring further.

Use layout options to place the floating launcher on the left or right, position the desktop panel, and optionally blur the page behind the widget.
panelPosition only affects desktop layouts. On mobile, the widget still opens full-screen.

​
Button position

Set buttonPosition to move the floating launcher between the right and left edges of the page: 
const voltai = Voltai.load({
  apiKey: 'your-api-key',
  buttonPosition: 'left'
});
Available values:
PropertyTypeDefaultDescription
buttonPosition"right" | "left""right"Position of the floating launcher button

​
Panel position

Set panelPosition to control where the desktop widget opens: 
const voltai = Voltai.load({
  apiKey: 'your-api-key',
  panelPosition: 'bottom-center'
});
Available values:
PropertyTypeDefaultDescription
panelPosition"right" | "left" | "bottom-center" | "center""right"Position of the desktop panel when open

​
Backdrop blur

Set backdropBlur to blur and dim the page content behind the open desktop widget: 
const voltai = Voltai.load({
  apiKey: 'your-api-key',
  panelPosition: 'center',
  backdropBlur: true
});
This is especially useful when you want a centered, modal-style chat experience.

​
Examples

​
Left launcher and left panel

const voltai = Voltai.load({
  apiKey: 'your-api-key',
  buttonPosition: 'left',
  panelPosition: 'left'
});

​
Left launcher with a bottom-centered panel

const voltai = Voltai.load({
  apiKey: 'your-api-key',
  buttonPosition: 'left',
  panelPosition: 'bottom-center'
});

​
Centered panel with blurred backdrop

const voltai = Voltai.load({
  apiKey: 'your-api-key',
  buttonPosition: 'left',
  panelPosition: 'center',
  backdropBlur: true,
  size: {
    width: 'min(720px, 92vw)',
    height: 'min(820px, 88vh)'
  }
});
User resizing is currently only available for the default right-docked desktop panel.