Elevate Collaboration with Live Selection - Velt: Add collaborative experiences, ridiculously fast!

Developer

Manager

Designer

User

Integrate within 30 minutes

Elevate Collaboration

with

Live Selection

Notion-style

Live Selection

Notion-style

Live Selection

Get started

James

John

Nate

Amanda

Text message |

Anna

Trusted by

Connected to scalable realtime backend infrastructure.

Embed fully customizable powerful experiences with a few lines of code.

Code Snippet

import { useVeltClient } from '@veltdev/react';
import { useEffect } from 'react';

export default function App() {

  const { client } = useVeltClient();

  useEffect(() => {
    if (client) {
      const selectionElement = client.getSelectionElement();
      selectionElement.enableLiveSelection(); //enable live selection
      selectionElement.disableLiveSelection(); //disable live selection
    }
  }, [client]);

  return (
    <div data-live-selection-enabled="true"></div>
  );
}

Code Snippet

import { useVeltClient } from '@veltdev/react';
import { useEffect } from 'react';

export default function App() {

  const { client } = useVeltClient();

  useEffect(() => {
    if (client) {
      const selectionElement = client.getSelectionElement();
      selectionElement.enableLiveSelection(); //enable live selection
      selectionElement.disableLiveSelection(); //disable live selection
    }
  }, [client]);

  return (
    <div data-live-selection-enabled="true"></div>
  );
}

Code Snippet

import { useVeltClient } from '@veltdev/react';
import { useEffect } from 'react';

export default function App() {

  const { client } = useVeltClient();

  useEffect(() => {
    if (client) {
      const selectionElement = client.getSelectionElement();
      selectionElement.enableLiveSelection(); //enable live selection
      selectionElement.disableLiveSelection(); //disable live selection
    }
  }, [client]);

  return (
    <div data-live-selection-enabled="true"></div>
  );
}