Setup

Get the Live Selection Element and enable it

When enabled, Live Selection will automatically detect and highlight user’s presence on the following elements:

input
textarea
button
contenteditable

You can learn more about customizing and controlling which elements are highlighted and its styling here.

React / Next.js
Other Frameworks

const { client } = useVeltClient();
useEffect(() => {
  if (client) {
    const selectionElement = client.getSelectionElement();
    selectionElement.enableLiveSelection();
    selectionElement.disableLiveSelection();
  }
}, [client]);

if (Velt) {
  const selectionElement = Velt.getSelectionElement();
  selectionElement.enableLiveSelection();
  selectionElement.disableLiveSelection();
}

Get Started

Agentic Setup

Key Concepts

Async Collaboration

Realtime Collaboration

AI

Self-Host Data

Backend SDKs

Model Context Protocol

Webhooks

Security

Miscellaneous

Get the Live Selection Element and enable it

​Get the Live Selection Element and enable it

Get the Live Selection Element and enable it