### Velt Getting Started Section

Source: https://docs.velt.dev/users/client-side/setup

Renders the 'Getting Started' section of the documentation, featuring cards for 'Quickstart' and 'Setup' guides. This section helps users begin using Velt.

```jsx
function GettingStartedSection() {
  return [
    _jsx(Heading, {
      level: "2",
      id: "getting-started",
      isAtRootLevel: "true",
      children: "Getting Started"
    }),
    "\\n",
    _jsxs(CardGroup, {
      cols: 2,
      children: [
        _jsx(Card, {
          title: "Quickstart",
          href: "/get-started/quickstart",
          icon: "circle-play",
          color: "#7CE38B",
          iconType: "light",
          children: _jsx(_components.p, {
            children: "Set up Velt with a fresh App"
          })
        }),
        _jsx(Card, {
          title: "Setup",
          href: "/get-sta
```

--------------------------------

### Velt Getting Started Section

Source: https://docs.velt.dev/ui-customization/features/async/comments/confirm-dialog/overview

Renders the 'Getting Started' section of the documentation, featuring cards for 'Quickstart' and 'Setup' guides. This section helps users begin using Velt.

```jsx
function GettingStartedSection() {
  return [
    _jsx(Heading, {
      level: "2",
      id: "getting-started",
      isAtRootLevel: "true",
      children: "Getting Started"
    }),
    "\\n",
    _jsxs(CardGroup, {
      cols: 2,
      children: [
        _jsx(Card, {
          title: "Quickstart",
          href: "/get-started/quickstart",
          icon: "circle-play",
          color: "#7CE38B",
          iconType: "light",
          children: _jsx(_components.p, {
            children: "Set up Velt with a fresh App"
          })
        }),
        _jsx(Card, {
          title: "Setup",
          href: "/get-sta
```

--------------------------------

### Velt Getting Started Section

Source: https://docs.velt.dev/get-started/setup/initialize

Renders the 'Getting Started' section of the documentation, featuring cards for 'Quickstart' and 'Setup' guides. This section helps users begin using Velt.

```jsx
function GettingStartedSection() {
  return [
    _jsx(Heading, {
      level: "2",
      id: "getting-started",
      isAtRootLevel: "true",
      children: "Getting Started"
    }),
    "\\n",
    _jsxs(CardGroup, {
      cols: 2,
      children: [
        _jsx(Card, {
          title: "Quickstart",
          href: "/get-started/quickstart",
          icon: "circle-play",
          color: "#7CE38B",
          iconType: "light",
          children: _jsx(_components.p, {
            children: "Set up Velt with a fresh App"
          })
        }),
        _jsx(Card, {
          title: "Setup",
          href: "/get-sta
```

--------------------------------

### Velt Getting Started Section

Source: https://docs.velt.dev/async-collaboration/comments/setup/inbox

Renders the 'Getting Started' section of the documentation, featuring cards for 'Quickstart' and 'Setup' guides. This section helps users begin using Velt.

```jsx
function GettingStartedSection() {
  return [
    _jsx(Heading, {
      level: "2",
      id: "getting-started",
      isAtRootLevel: "true",
      children: "Getting Started"
    }),
    "\\n",
    _jsxs(CardGroup, {
      cols: 2,
      children: [
        _jsx(Card, {
          title: "Quickstart",
          href: "/get-started/quickstart",
          icon: "circle-play",
          color: "#7CE38B",
          iconType: "light",
          children: _jsx(_components.p, {
            children: "Set up Velt with a fresh App"
          })
        }),
        _jsx(Card, {
          title: "Setup",
          href: "/get-sta
```

--------------------------------

### Velt Getting Started Section

Source: https://docs.velt.dev/async-collaboration/comments/customize-behavior/ui-controls

Renders the 'Getting Started' section of the documentation, featuring cards for 'Quickstart' and 'Setup' guides. This section helps users begin using Velt.

```jsx
function GettingStartedSection() {
  return [
    _jsx(Heading, {
      level: "2",
      id: "getting-started",
      isAtRootLevel: "true",
      children: "Getting Started"
    }),
    "\\n",
    _jsxs(CardGroup, {
      cols: 2,
      children: [
        _jsx(Card, {
          title: "Quickstart",
          href: "/get-started/quickstart",
          icon: "circle-play",
          color: "#7CE38B",
          iconType: "light",
          children: _jsx(_components.p, {
            children: "Set up Velt with a fresh App"
          })
        }),
        _jsx(Card, {
          title: "Setup",
          href: "/get-sta
```

--------------------------------

### Velt Getting Started Section

Source: https://docs.velt.dev/async-collaboration/comments/customize-behavior/action-methods

Renders the 'Getting Started' section of the documentation, featuring cards for 'Quickstart' and 'Setup' guides. This section helps users begin using Velt.

```jsx
function GettingStartedSection() {
  return [
    _jsx(Heading, {
      level: "2",
      id: "getting-started",
      isAtRootLevel: "true",
      children: "Getting Started"
    }),
    "\\n",
    _jsxs(CardGroup, {
      cols: 2,
      children: [
        _jsx(Card, {
          title: "Quickstart",
          href: "/get-started/quickstart",
          icon: "circle-play",
          color: "#7CE38B",
          iconType: "light",
          children: _jsx(_components.p, {
            children: "Set up Velt with a fresh App"
          })
        }),
        _jsx(Card, {
          title: "Setup",
          href: "/get-sta
```

--------------------------------

### Velt Getting Started Section

Source: https://docs.velt.dev/ui-customization/features/async/comments/comments-sidebar/sidebar-button/overview

Renders the 'Getting Started' section of the documentation, featuring cards for 'Quickstart' and 'Setup' guides. This section helps users begin using Velt.

```jsx
function GettingStartedSection() {
  return [
    _jsx(Heading, {
      level: "2",
      id: "getting-started",
      isAtRootLevel: "true",
      children: "Getting Started"
    }),
    "\\n",
    _jsxs(CardGroup, {
      cols: 2,
      children: [
        _jsx(Card, {
          title: "Quickstart",
          href: "/get-started/quickstart",
          icon: "circle-play",
          color: "#7CE38B",
          iconType: "light",
          children: _jsx(_components.p, {
            children: "Set up Velt with a fresh App"
          })
        }),
        _jsx(Card, {
          title: "Setup",
          href: "/get-sta
```

--------------------------------

### Velt Getting Started Section

Source: https://docs.velt.dev/async-collaboration/comments/customize-behavior/multimedia

Renders the 'Getting Started' section of the documentation, featuring cards for 'Quickstart' and 'Setup' guides. This section helps users begin using Velt.

```jsx
function GettingStartedSection() {
  return [
    _jsx(Heading, {
      level: "2",
      id: "getting-started",
      isAtRootLevel: "true",
      children: "Getting Started"
    }),
    "\\n",
    _jsxs(CardGroup, {
      cols: 2,
      children: [
        _jsx(Card, {
          title: "Quickstart",
          href: "/get-started/quickstart",
          icon: "circle-play",
          color: "#7CE38B",
          iconType: "light",
          children: _jsx(_components.p, {
            children: "Set up Velt with a fresh App"
          })
        }),
        _jsx(Card, {
          title: "Setup",
          href: "/get-sta
```

--------------------------------

### Velt Getting Started Section

Source: https://docs.velt.dev/async-collaboration/comments/customize-behavior/general-controls

Renders the 'Getting Started' section of the documentation, featuring cards for 'Quickstart' and 'Setup' guides. This section helps users begin using Velt.

```jsx
function GettingStartedSection() {
  return [
    _jsx(Heading, {
      level: "2",
      id: "getting-started",
      isAtRootLevel: "true",
      children: "Getting Started"
    }),
    "\\n",
    _jsxs(CardGroup, {
      cols: 2,
      children: [
        _jsx(Card, {
          title: "Quickstart",
          href: "/get-started/quickstart",
          icon: "circle-play",
          color: "#7CE38B",
          iconType: "light",
          children: _jsx(_components.p, {
            children: "Set up Velt with a fresh App"
          })
        }),
        _jsx(Card, {
          title: "Setup",
          href: "/get-sta
```

--------------------------------

### Velt Getting Started Section

Source: https://docs.velt.dev/webhooks/huddle-webhooks

Renders the 'Getting Started' section of the documentation, featuring cards for 'Quickstart' and 'Setup' guides. This section helps users begin using Velt.

```jsx
function GettingStartedSection() {
  return [
    _jsx(Heading, {
      level: "2",
      id: "getting-started",
      isAtRootLevel: "true",
      children: "Getting Started"
    }),
    "\\n",
    _jsxs(CardGroup, {
      cols: 2,
      children: [
        _jsx(Card, {
          title: "Quickstart",
          href: "/get-started/quickstart",
          icon: "circle-play",
          color: "#7CE38B",
          iconType: "light",
          children: _jsx(_components.p, {
            children: "Set up Velt with a fresh App"
          })
        }),
        _jsx(Card, {
          title: "Setup",
          href: "/get-sta
```

--------------------------------

### Velt Getting Started Section

Source: https://docs.velt.dev/key-concepts/locations/setup/api-update-location

Renders the 'Getting Started' section of the documentation, featuring cards for 'Quickstart' and 'Setup' guides. This section helps users begin using Velt.

```jsx
function GettingStartedSection() {
  return [
    _jsx(Heading, {
      level: "2",
      id: "getting-started",
      isAtRootLevel: "true",
      children: "Getting Started"
    }),
    "\\n",
    _jsxs(CardGroup, {
      cols: 2,
      children: [
        _jsx(Card, {
          title: "Quickstart",
          href: "/get-started/quickstart",
          icon: "circle-play",
          color: "#7CE38B",
          iconType: "light",
          children: _jsx(_components.p, {
            children: "Set up Velt with a fresh App"
          })
        }),
        _jsx(Card, {
          title: "Setup",
          href: "/get-sta
```

--------------------------------

### Velt Getting Started Section

Source: https://docs.velt.dev/async-collaboration/comments/customize-behavior/modes

Renders the 'Getting Started' section of the documentation, featuring cards for 'Quickstart' and 'Setup' guides. This section helps users begin using Velt.

```jsx
function GettingStartedSection() {
  return [
    _jsx(Heading, {
      level: "2",
      id: "getting-started",
      isAtRootLevel: "true",
      children: "Getting Started"
    }),
    "\\n",
    _jsxs(CardGroup, {
      cols: 2,
      children: [
        _jsx(Card, {
          title: "Quickstart",
          href: "/get-started/quickstart",
          icon: "circle-play",
          color: "#7CE38B",
          iconType: "light",
          children: _jsx(_components.p, {
            children: "Set up Velt with a fresh App"
          })
        }),
        _jsx(Card, {
          title: "Setup",
          href: "/get-sta
```

--------------------------------

### Velt Getting Started Section

Source: https://docs.velt.dev/async-collaboration/comments/customize-behavior/visibility-controls

Renders the 'Getting Started' section of the documentation, featuring cards for 'Quickstart' and 'Setup' guides. This section helps users begin using Velt.

```jsx
function GettingStartedSection() {
  return [
    _jsx(Heading, {
      level: "2",
      id: "getting-started",
      isAtRootLevel: "true",
      children: "Getting Started"
    }),
    "\\n",
    _jsxs(CardGroup, {
      cols: 2,
      children: [
        _jsx(Card, {
          title: "Quickstart",
          href: "/get-started/quickstart",
          icon: "circle-play",
          color: "#7CE38B",
          iconType: "light",
          children: _jsx(_components.p, {
            children: "Set up Velt with a fresh App"
          })
        }),
        _jsx(Card, {
          title: "Setup",
          href: "/get-sta
```

--------------------------------

### Velt Getting Started Section

Source: https://docs.velt.dev/ui-customization/customize-css/themes

Renders the 'Getting Started' section of the documentation, featuring cards for 'Quickstart' and 'Setup' guides. This section helps users begin using Velt.

```jsx
function GettingStartedSection() {
  return [
    _jsx(Heading, {
      level: "2",
      id: "getting-started",
      isAtRootLevel: "true",
      children: "Getting Started"
    }),
    "\\n",
    _jsxs(CardGroup, {
      cols: 2,
      children: [
        _jsx(Card, {
          title: "Quickstart",
          href: "/get-started/quickstart",
          icon: "circle-play",
          color: "#7CE38B",
          iconType: "light",
          children: _jsx(_components.p, {
            children: "Set up Velt with a fresh App"
          })
        }),
        _jsx(Card, {
          title: "Setup",
          href: "/get-sta
```

--------------------------------

### Velt Getting Started Section

Source: https://docs.velt.dev/async-collaboration/comments/customize-behavior/custom-lists

Renders the 'Getting Started' section of the documentation, featuring cards for 'Quickstart' and 'Setup' guides. This section helps users begin using Velt.

```jsx
function GettingStartedSection() {
  return [
    _jsx(Heading, {
      level: "2",
      id: "getting-started",
      isAtRootLevel: "true",
      children: "Getting Started"
    }),
    "\\n",
    _jsxs(CardGroup, {
      cols: 2,
      children: [
        _jsx(Card, {
          title: "Quickstart",
          href: "/get-started/quickstart",
          icon: "circle-play",
          color: "#7CE38B",
          iconType: "light",
          children: _jsx(_components.p, {
            children: "Set up Velt with a fresh App"
          })
        }),
        _jsx(Card, {
          title: "Setup",
          href: "/get-sta
```

--------------------------------

### Velt Getting Started Section

Source: https://docs.velt.dev/ui-customization/features/async/comments/comments-sidebar/sidebar-button/subcomponents/icon

Renders the 'Getting Started' section of the documentation, featuring cards for 'Quickstart' and 'Setup' guides. This section helps users begin using Velt.

```jsx
function GettingStartedSection() {
  return [
    _jsx(Heading, {
      level: "2",
      id: "getting-started",
      isAtRootLevel: "true",
      children: "Getting Started"
    }),
    "\\n",
    _jsxs(CardGroup, {
      cols: 2,
      children: [
        _jsx(Card, {
          title: "Quickstart",
          href: "/get-started/quickstart",
          icon: "circle-play",
          color: "#7CE38B",
          iconType: "light",
          children: _jsx(_components.p, {
            children: "Set up Velt with a fresh App"
          })
        }),
        _jsx(Card, {
          title: "Setup",
          href: "/get-sta
```

--------------------------------

### Velt Getting Started Section

Source: https://docs.velt.dev/async-collaboration/comments/customize-behavior/autocomplete

Renders the 'Getting Started' section of the documentation, featuring cards for 'Quickstart' and 'Setup' guides. This section helps users begin using Velt.

```jsx
function GettingStartedSection() {
  return [
    _jsx(Heading, {
      level: "2",
      id: "getting-started",
      isAtRootLevel: "true",
      children: "Getting Started"
    }),
    "\\n",
    _jsxs(CardGroup, {
      cols: 2,
      children: [
        _jsx(Card, {
          title: "Quickstart",
          href: "/get-started/quickstart",
          icon: "circle-play",
          color: "#7CE38B",
          iconType: "light",
          children: _jsx(_components.p, {
            children: "Set up Velt with a fresh App"
          })
        }),
        _jsx(Card, {
          title: "Setup",
          href: "/get-sta
```

--------------------------------

### Velt Getting Started Section

Source: https://docs.velt.dev/ui-customization/features/async/comments/inline-comments-section/subcomponents/panel/sorting-dropdown

Renders the 'Getting Started' section of the documentation, featuring cards for 'Quickstart' and 'Setup' guides. This section helps users begin using Velt.

```jsx
function GettingStartedSection() {
  return [
    _jsx(Heading, {
      level: "2",
      id: "getting-started",
      isAtRootLevel: "true",
      children: "Getting Started"
    }),
    "\\n",
    _jsxs(CardGroup, {
      cols: 2,
      children: [
        _jsx(Card, {
          title: "Quickstart",
          href: "/get-started/quickstart",
          icon: "circle-play",
          color: "#7CE38B",
          iconType: "light",
          children: _jsx(_components.p, {
            children: "Set up Velt with a fresh App"
          })
        }),
        _jsx(Card, {
          title: "Setup",
          href: "/get-sta
```

--------------------------------

### Velt Getting Started Section

Source: https://docs.velt.dev/async-collaboration/comments/customize-behavior/display-metadata

Renders the 'Getting Started' section of the documentation, featuring cards for 'Quickstart' and 'Setup' guides. This section helps users begin using Velt.

```jsx
function GettingStartedSection() {
  return [
    _jsx(Heading, {
      level: "2",
      id: "getting-started",
      isAtRootLevel: "true",
      children: "Getting Started"
    }),
    "\\n",
    _jsxs(CardGroup, {
      cols: 2,
      children: [
        _jsx(Card, {
          title: "Quickstart",
          href: "/get-started/quickstart",
          icon: "circle-play",
          color: "#7CE38B",
          iconType: "light",
          children: _jsx(_components.p, {
            children: "Set up Velt with a fresh App"
          })
        }),
        _jsx(Card, {
          title: "Setup",
          href: "/get-sta
```

--------------------------------

### Velt Getting Started Section

Source: https://docs.velt.dev/users/server-side/api-reset-contact-list

Renders the 'Getting Started' section of the documentation, featuring cards for 'Quickstart' and 'Setup' guides. This section helps users begin using Velt.

```jsx
function GettingStartedSection() {
  return [
    _jsx(Heading, {
      level: "2",
      id: "getting-started",
      isAtRootLevel: "true",
      children: "Getting Started"
    }),
    "\\n",
    _jsxs(CardGroup, {
      cols: 2,
      children: [
        _jsx(Card, {
          title: "Quickstart",
          href: "/get-started/quickstart",
          icon: "circle-play",
          color: "#7CE38B",
          iconType: "light",
          children: _jsx(_components.p, {
            children: "Set up Velt with a fresh App"
          })
        }),
        _jsx(Card, {
          title: "Setup",
          href: "/get-sta
```

--------------------------------

### Velt Getting Started Section

Source: https://docs.velt.dev/async-collaboration/comment-thread/overview

Renders the 'Getting Started' section of the documentation, featuring cards for 'Quickstart' and 'Setup' guides. This section helps users begin using Velt.

```jsx
function GettingStartedSection() {
  return [
    _jsx(Heading, {
      level: "2",
      id: "getting-started",
      isAtRootLevel: "true",
      children: "Getting Started"
    }),
    "\\n",
    _jsxs(CardGroup, {
      cols: 2,
      children: [
        _jsx(Card, {
          title: "Quickstart",
          href: "/get-started/quickstart",
          icon: "circle-play",
          color: "#7CE38B",
          iconType: "light",
          children: _jsx(_components.p, {
            children: "Set up Velt with a fresh App"
          })
        }),
        _jsx(Card, {
          title: "Setup",
          href: "/get-sta
```

--------------------------------

### Velt Getting Started Section

Source: https://docs.velt.dev/async-collaboration/notifications/api-add-notification

Renders the 'Getting Started' section of the documentation, featuring cards for 'Quickstart' and 'Setup' guides. This section helps users begin using Velt.

```jsx
function GettingStartedSection() {
  return [
    _jsx(Heading, {
      level: "2",
      id: "getting-started",
      isAtRootLevel: "true",
      children: "Getting Started"
    }),
    "\\n",
    _jsxs(CardGroup, {
      cols: 2,
      children: [
        _jsx(Card, {
          title: "Quickstart",
          href: "/get-started/quickstart",
          icon: "circle-play",
          color: "#7CE38B",
          iconType: "light",
          children: _jsx(_components.p, {
            children: "Set up Velt with a fresh App"
          })
        }),
        _jsx(Card, {
          title: "Setup",
          href: "/get-sta
```

--------------------------------

### Velt Getting Started Section

Source: https://docs.velt.dev/ui-customization/customize-css/remove-shadow-dom

Renders the 'Getting Started' section of the documentation, featuring cards for 'Quickstart' and 'Setup' guides. This section helps users begin using Velt.

```jsx
function GettingStartedSection() {
  return [
    _jsx(Heading, {
      level: "2",
      id: "getting-started",
      isAtRootLevel: "true",
      children: "Getting Started"
    }),
    "\\n",
    _jsxs(CardGroup, {
      cols: 2,
      children: [
        _jsx(Card, {
          title: "Quickstart",
          href: "/get-started/quickstart",
          icon: "circle-play",
          color: "#7CE38B",
          iconType: "light",
          children: _jsx(_components.p, {
            children: "Set up Velt with a fresh App"
          })
        }),
        _jsx(Card, {
          title: "Setup",
          href: "/get-sta
```

--------------------------------

### Velt Getting Started Section

Source: https://docs.velt.dev/async-collaboration/comments/customize-behavior/@mentions

Renders the 'Getting Started' section of the documentation, featuring cards for 'Quickstart' and 'Setup' guides. This section helps users begin using Velt.

```jsx
function GettingStartedSection() {
  return [
    _jsx(Heading, {
      level: "2",
      id: "getting-started",
      isAtRootLevel: "true",
      children: "Getting Started"
    }),
    "\\n",
    _jsxs(CardGroup, {
      cols: 2,
      children: [
        _jsx(Card, {
          title: "Quickstart",
          href: "/get-started/quickstart",
          icon: "circle-play",
          color: "#7CE38B",
          iconType: "light",
          children: _jsx(_components.p, {
            children: "Set up Velt with a fresh App"
          })
        }),
        _jsx(Card, {
          title: "Setup",
          href: "/get-sta
```

--------------------------------

### Velt Getting Started Section

Source: https://docs.velt.dev/api-reference/rest-apis/workspace/add-domain

Renders the 'Getting Started' section of the documentation, featuring cards for 'Quickstart' and 'Setup' guides. This section helps users begin using Velt.

```jsx
function GettingStartedSection() {
  return [
    _jsx(Heading, {
      level: "2",
      id: "getting-started",
      isAtRootLevel: "true",
      children: "Getting Started"
    }),
    "\\n",
    _jsxs(CardGroup, {
      cols: 2,
      children: [
        _jsx(Card, {
          title: "Quickstart",
          href: "/get-started/quickstart",
          icon: "circle-play",
          color: "#7CE38B",
          iconType: "light",
          children: _jsx(_components.p, {
            children: "Set up Velt with a fresh App"
          })
        }),
        _jsx(Card, {
          title: "Setup",
          href: "/get-sta
```

--------------------------------

### Velt Getting Started Section

Source: https://docs.velt.dev/api-reference/api-methods/comments

Renders the 'Getting Started' section of the documentation, featuring cards for 'Quickstart' and 'Setup' guides. This section helps users begin using Velt.

```jsx
function GettingStartedSection() {
  return [
    _jsx(Heading, {
      level: "2",
      id: "getting-started",
      isAtRootLevel: "true",
      children: "Getting Started"
    }),
    "\\n",
    _jsxs(CardGroup, {
      cols: 2,
      children: [
        _jsx(Card, {
          title: "Quickstart",
          href: "/get-started/quickstart",
          icon: "circle-play",
          color: "#7CE38B",
          iconType: "light",
          children: _jsx(_components.p, {
            children: "Set up Velt with a fresh App"
          })
        }),
        _jsx(Card, {
          title: "Setup",
          href: "/get-sta
```

--------------------------------

### Velt Getting Started Section

Source: https://docs.velt.dev/api-reference/rest-apis/users/get-all-user-data-gdpr

Renders the 'Getting Started' section of the documentation, featuring cards for 'Quickstart' and 'Setup' guides. This section helps users begin using Velt.

```jsx
function GettingStartedSection() {
  return [
    _jsx(Heading, {
      level: "2",
      id: "getting-started",
      isAtRootLevel: "true",
      children: "Getting Started"
    }),
    "\\n",
    _jsxs(CardGroup, {
      cols: 2,
      children: [
        _jsx(Card, {
          title: "Quickstart",
          href: "/get-started/quickstart",
          icon: "circle-play",
          color: "#7CE38B",
          iconType: "light",
          children: _jsx(_components.p, {
            children: "Set up Velt with a fresh App"
          })
        }),
        _jsx(Card, {
          title: "Setup",
          href: "/get-sta
```

--------------------------------

### Velt Getting Started Section

Source: https://docs.velt.dev/api-reference/rest-apis/folders/add-folder

Renders the 'Getting Started' section of the documentation, featuring cards for 'Quickstart' and 'Setup' guides. This section helps users begin using Velt.

```jsx
function GettingStartedSection() {
  return [
    _jsx(Heading, {
      level: "2",
      id: "getting-started",
      isAtRootLevel: "true",
      children: "Getting Started"
    }),
    "\\n",
    _jsxs(CardGroup, {
      cols: 2,
      children: [
        _jsx(Card, {
          title: "Quickstart",
          href: "/get-started/quickstart",
          icon: "circle-play",
          color: "#7CE38B",
          iconType: "light",
          children: _jsx(_components.p, {
            children: "Set up Velt with a fresh App"
          })
        }),
        _jsx(Card, {
          title: "Setup",
          href: "/get-sta
```

--------------------------------

### Velt Getting Started Section

Source: https://docs.velt.dev/api-reference/models/Comment

Renders the 'Getting Started' section of the documentation, featuring cards for 'Quickstart' and 'Setup' guides. This section helps users begin using Velt.

```jsx
function GettingStartedSection() {
  return [
    _jsx(Heading, {
      level: "2",
      id: "getting-started",
      isAtRootLevel: "true",
      children: "Getting Started"
    }),
    "\\n",
    _jsxs(CardGroup, {
      cols: 2,
      children: [
        _jsx(Card, {
          title: "Quickstart",
          href: "/get-started/quickstart",
          icon: "circle-play",
          color: "#7CE38B",
          iconType: "light",
          children: _jsx(_components.p, {
            children: "Set up Velt with a fresh App"
          })
        }),
        _jsx(Card, {
          title: "Setup",
          href: "/get-sta
```

--------------------------------

### Velt Getting Started Section

Source: https://docs.velt.dev/api-reference/hooks/hooks

Renders the 'Getting Started' section of the documentation, featuring cards for 'Quickstart' and 'Setup' guides. This section helps users begin using Velt.

```jsx
function GettingStartedSection() {
  return [
    _jsx(Heading, {
      level: "2",
      id: "getting-started",
      isAtRootLevel: "true",
      children: "Getting Started"
    }),
    "\\n",
    _jsxs(CardGroup, {
      cols: 2,
      children: [
        _jsx(Card, {
          title: "Quickstart",
          href: "/get-started/quickstart",
          icon: "circle-play",
          color: "#7CE38B",
          iconType: "light",
          children: _jsx(_components.p, {
            children: "Set up Velt with a fresh App"
          })
        }),
        _jsx(Card, {
          title: "Setup",
          href: "/get-sta
```

--------------------------------

### Velt Getting Started Section

Source: https://docs.velt.dev/api-reference/models/RecorderData

Renders the 'Getting Started' section of the documentation, featuring cards for 'Quickstart' and 'Setup' guides. This section helps users begin using Velt.

```jsx
function GettingStartedSection() {
  return [
    _jsx(Heading, {
      level: "2",
      id: "getting-started",
      isAtRootLevel: "true",
      children: "Getting Started"
    }),
    "\\n",
    _jsxs(CardGroup, {
      cols: 2,
      children: [
        _jsx(Card, {
          title: "Quickstart",
          href: "/get-started/quickstart",
          icon: "circle-play",
          color: "#7CE38B",
          iconType: "light",
          children: _jsx(_components.p, {
            children: "Set up Velt with a fresh App"
          })
        }),
        _jsx(Card, {
          title: "Setup",
          href: "/get-sta
```

--------------------------------

### Velt Getting Started Section

Source: https://docs.velt.dev/api-reference/rest-apis/notifications/set-config

Renders the 'Getting Started' section of the documentation, featuring cards for 'Quickstart' and 'Setup' guides. This section helps users begin using Velt.

```jsx
function GettingStartedSection() {
  return [
    _jsx(Heading, {
      level: "2",
      id: "getting-started",
      isAtRootLevel: "true",
      children: "Getting Started"
    }),
    "\\n",
    _jsxs(CardGroup, {
      cols: 2,
      children: [
        _jsx(Card, {
          title: "Quickstart",
          href: "/get-started/quickstart",
          icon: "circle-play",
          color: "#7CE38B",
          iconType: "light",
          children: _jsx(_components.p, {
            children: "Set up Velt with a fresh App"
          })
        }),
        _jsx(Card, {
          title: "Setup",
          href: "/get-sta
```

--------------------------------

### Velt Getting Started Section

Source: https://docs.velt.dev/api-reference/rest-apis/documents/add-documents

Renders the 'Getting Started' section of the documentation, featuring cards for 'Quickstart' and 'Setup' guides. This section helps users begin using Velt.

```jsx
function GettingStartedSection() {
  return [
    _jsx(Heading, {
      level: "2",
      id: "getting-started",
      isAtRootLevel: "true",
      children: "Getting Started"
    }),
    "\\n",
    _jsxs(CardGroup, {
      cols: 2,
      children: [
        _jsx(Card, {
          title: "Quickstart",
          href: "/get-started/quickstart",
          icon: "circle-play",
          color: "#7CE38B",
          iconType: "light",
          children: _jsx(_components.p, {
            children: "Set up Velt with a fresh App"
          })
        }),
        _jsx(Card, {
          title: "Setup",
          href: "/get-sta
```

--------------------------------

### Velt Getting Started Section

Source: https://docs.velt.dev/api-reference/rest-apis/users/delete-all-user-data-gdpr

Renders the 'Getting Started' section of the documentation, featuring cards for 'Quickstart' and 'Setup' guides. This section helps users begin using Velt.

```jsx
function GettingStartedSection() {
  return [
    _jsx(Heading, {
      level: "2",
      id: "getting-started",
      isAtRootLevel: "true",
      children: "Getting Started"
    }),
    "\\n",
    _jsxs(CardGroup, {
      cols: 2,
      children: [
        _jsx(Card, {
          title: "Quickstart",
          href: "/get-started/quickstart",
          icon: "circle-play",
          color: "#7CE38B",
          iconType: "light",
          children: _jsx(_components.p, {
            children: "Set up Velt with a fresh App"
          })
        }),
        _jsx(Card, {
          title: "Setup",
          href: "/get-sta
```

--------------------------------

### Velt Getting Started Section

Source: https://docs.velt.dev/api-reference/rest-apis/notifications/add-notifications

Renders the 'Getting Started' section of the documentation, featuring cards for 'Quickstart' and 'Setup' guides. This section helps users begin using Velt.

```jsx
function GettingStartedSection() {
  return [
    _jsx(Heading, {
      level: "2",
      id: "getting-started",
      isAtRootLevel: "true",
      children: "Getting Started"
    }),
    "\\n",
    _jsxs(CardGroup, {
      cols: 2,
      children: [
        _jsx(Card, {
          title: "Quickstart",
          href: "/get-started/quickstart",
          icon: "circle-play",
          color: "#7CE38B",
          iconType: "light",
          children: _jsx(_components.p, {
            children: "Set up Velt with a fresh App"
          })
        }),
        _jsx(Card, {
          title: "Setup",
          href: "/get-sta
```

--------------------------------

### Velt Getting Started Section

Source: https://docs.velt.dev/api-reference/rest-apis/organizations/add-organizations

Renders the 'Getting Started' section of the documentation, featuring cards for 'Quickstart' and 'Setup' guides. This section helps users begin using Velt.

```jsx
function GettingStartedSection() {
  return [
    _jsx(Heading, {
      level: "2",
      id: "getting-started",
      isAtRootLevel: "true",
      children: "Getting Started"
    }),
    "\\n",
    _jsxs(CardGroup, {
      cols: 2,
      children: [
        _jsx(Card, {
          title: "Quickstart",
          href: "/get-started/quickstart",
          icon: "circle-play",
          color: "#7CE38B",
          iconType: "light",
          children: _jsx(_components.p, {
            children: "Set up Velt with a fresh App"
          })
        }),
        _jsx(Card, {
          title: "Setup",
          href: "/get-sta
```

--------------------------------

### Velt Getting Started Section

Source: https://docs.velt.dev/api-reference/rest-apis/organizations/update-organization-disable-state

Renders the 'Getting Started' section of the documentation, featuring cards for 'Quickstart' and 'Setup' guides. This section helps users begin using Velt.

```jsx
function GettingStartedSection() {
  return [
    _jsx(Heading, {
      level: "2",
      id: "getting-started",
      isAtRootLevel: "true",
      children: "Getting Started"
    }),
    "\\n",
    _jsxs(CardGroup, {
      cols: 2,
      children: [
        _jsx(Card, {
          title: "Quickstart",
          href: "/get-started/quickstart",
          icon: "circle-play",
          color: "#7CE38B",
          iconType: "light",
          children: _jsx(_components.p, {
            children: "Set up Velt with a fresh App"
          })
        }),
        _jsx(Card, {
          title: "Setup",
          href: "/get-sta
```

--------------------------------

### Velt Getting Started Section

Source: https://docs.velt.dev/api-reference/models/CommentAnnotation

Renders the 'Getting Started' section of the documentation, featuring cards for 'Quickstart' and 'Setup' guides. This section helps users begin using Velt.

```jsx
function GettingStartedSection() {
  return [
    _jsx(Heading, {
      level: "2",
      id: "getting-started",
      isAtRootLevel: "true",
      children: "Getting Started"
    }),
    "\\n",
    _jsxs(CardGroup, {
      cols: 2,
      children: [
        _jsx(Card, {
          title: "Quickstart",
          href: "/get-started/quickstart",
          icon: "circle-play",
          color: "#7CE38B",
          iconType: "light",
          children: _jsx(_components.p, {
            children: "Set up Velt with a fresh App"
          })
        }),
        _jsx(Card, {
          title: "Setup",
          href: "/get-sta
```

--------------------------------

### Velt Getting Started Section

Source: https://docs.velt.dev/api-reference/rest-apis/comments-feature/comment-annotations/get-comment-annotations-v2

Renders the 'Getting Started' section of the documentation, featuring cards for 'Quickstart' and 'Setup' guides. This section helps users begin using Velt.

```jsx
function GettingStartedSection() {
  return [
    _jsx(Heading, {
      level: "2",
      id: "getting-started",
      isAtRootLevel: "true",
      children: "Getting Started"
    }),
    "\\n",
    _jsxs(CardGroup, {
      cols: 2,
      children: [
        _jsx(Card, {
          title: "Quickstart",
          href: "/get-started/quickstart",
          icon: "circle-play",
          color: "#7CE38B",
          iconType: "light",
          children: _jsx(_components.p, {
            children: "Set up Velt with a fresh App"
          })
        }),
        _jsx(Card, {
          title: "Setup",
          href: "/get-sta
```

--------------------------------

### Velt Getting Started Section

Source: https://docs.velt.dev/api-reference/rest-apis/comments-feature/comment-annotations/update-comment-annotations

Renders the 'Getting Started' section of the documentation, featuring cards for 'Quickstart' and 'Setup' guides. This section helps users begin using Velt.

```jsx
function GettingStartedSection() {
  return [
    _jsx(Heading, {
      level: "2",
      id: "getting-started",
      isAtRootLevel: "true",
      children: "Getting Started"
    }),
    "\\n",
    _jsxs(CardGroup, {
      cols: 2,
      children: [
        _jsx(Card, {
          title: "Quickstart",
          href: "/get-started/quickstart",
          icon: "circle-play",
          color: "#7CE38B",
          iconType: "light",
          children: _jsx(_components.p, {
            children: "Set up Velt with a fresh App"
          })
        }),
        _jsx(Card, {
          title: "Setup",
          href: "/get-sta
```

--------------------------------

### Velt Get Started - Setup

Source: https://docs.velt.dev/realtime-collaboration/presence/customize-behavior

Guides for setting up Velt, including installation procedures and authentication methods.

```APIDOC
Get Started: Setup

- install: Details on how to install Velt.
- authenticat: Information on setting up authentication for Velt.
```

--------------------------------

### Velt Setup and Initialization

Source: https://docs.velt.dev/realtime-collaboration/cursors/customize-behavior

Guides users through setting up Velt, including installation, authentication, and initializing documents. Covers advanced setup options for integrating Velt into projects.

```javascript
import VeltClient from '@velt/client';

// Initialize Velt with your API key
const velt = new VeltClient('YOUR_API_KEY');

// Set the document to collaborate on
velt.setDocument('document-id');

// Set the current user
velt.setUserId('user-id');
velt.setUserName('User Name');
velt.setUserAvatar('user-avatar-url');

// Example of advanced setup (e.g., custom configuration)
// velt.init({ config: { /* custom options */ } });
```

```typescript
import VeltClient from '@velt/client';

// Initialize Velt with your API key
const velt = new VeltClient('YOUR_API_KEY');

// Set the document to collaborate on
velt.setDocument('document-id');

// Set the current user
velt.setUserId('user-id');
velt.setUserName('User Name');
velt.setUserAvatar('user-avatar-url');

// Example of advanced setup (e.g., custom configuration)
// velt.init({ config: { /* custom options */ } });
```

--------------------------------

### Velt Setup Guide

Source: https://docs.velt.dev/async-collaboration/notifications/setup

Instructions for setting up Velt, likely involving initial configuration and integration steps.

```APIDOC
Setup Guide:
  This section provides guidance on how to set up and integrate Velt into your project. It covers initial configuration, installation, and basic usage patterns.
  Refer to `/async-collaboration/notifications/setup` for detailed setup instructions.
```

--------------------------------

### Velt Get Started - Quickstart

Source: https://docs.velt.dev/global-styles/global-styles

Quickstart guide for integrating Velt into a React application. Mentions availability for other frameworks like Vue, Angular, Svelte, and Vanilla JS via the setup guide.

```APIDOC
Title: Quickstart
Href: /get-started/quickstart
Description: Quickstart for React. For other frameworks like `vue`, `angular`, `svelte`, `vanilla js` etc. check out the setup guide.
```

--------------------------------

### Velt Get Started - Setup: Install

Source: https://docs.velt.dev/global-styles/global-styles

Details the steps required to integrate Velt into an existing application.

```APIDOC
Title: 1. Install
Href: /get-started/setup/install
Description: Steps to integrate Velt into an existing app
```

--------------------------------

### VeltProvider Setup Example

Source: https://docs.velt.dev/async-collaboration/comments/setup/stream

Demonstrates the basic setup of the VeltProvider component, which is essential for initializing the Velt commenting system within your application. This snippet shows how the provider is rendered, typically wrapping other components.

```jsx
import { _jsx, _jsxs } from "@emotion/react";
import { _components } from "@/components/mdx-components";

// ... other imports or component definitions

_jsx(_components.div, {
  className: "line",
  children: [
    _jsx(_components.span, {
      style: {
        color: "#1F2328",
        "--shiki-dark": "#808080"
      },
      children: "<"
    }),
    _jsx(_components.span, {
      style: {
        color: "#116329",
        "--shiki-dark": "#4EC9B0"
      },
      children: "VeltProvider"
    }),
    _jsx(_components.span, {
      style: {
        color: "#1F2328",
        "--shiki-dark": "#808080"
      },
      children: ">"
    })
  ]
})
```

--------------------------------

### Velt Get Started - Setup: Initialize Document

Source: https://docs.velt.dev/global-styles/global-styles

Guide for initializing a document within the Velt SDK.

```APIDOC
Title: 3. Initialize Document
Href: /get-started/setup/initialize-document
Description: null
```

--------------------------------

### Install Tiptap Editor - Vue 3

Source: https://tiptap.dev/docs/editor/getting-started/style-editor/custom-menus

Learn how to set up Tiptap with Vue 3 for enhanced rich text editing. Get started with this thorough guide for seamless integration.

```javascript
<template>
  <div>
    <editor-content :editor="editor" />
  </div>
</template>

<script setup>
import { useEditor, EditorContent } from '@tiptap/vue-3';
import StarterKit from '@tiptap/starter-kit';

const editor = useEditor({
  extensions: [
    StarterKit,
  ],
  content: '<p>Hello Vue 3!</p>',
});

// Cleanup on component unmount
// onUnmounted(() => {
//   editor.value?.destroy();
// });
</script>

<style>
  /* Editor styling */
</style>
```

--------------------------------

### Velt API MCP Server Setup Instructions

Source: https://docs.velt.dev/mcp/mcp

Steps to set up and run the Velt API MCP server. This involves saving the configuration, restarting the desktop application, and then configuring the Cursor IDE to use the newly available server.

```bash
1. Save the configuration file.
2. Restart Claude Desktop. The velt-api-mcp server will now be available in the tools menu.
3. Open Cursor.
4. Go to Cursor Settings → Tools & Integrations → New MCP Server.
5. Add the configuration, replacing placeholders with your Velt secrets and the correct server path.
```