Slots - Velt

import {
  VeltHuddleTool
} from '@veltdev/react';

export default function App() {

  return (
    <>

      <VeltHuddleTool>
        <button slot="button">Huddle</button>
      </VeltHuddleTool>

    </>
  );
}

<!doctype html>
<html lang="en">
  <head>
    <title>Huddle documentation</title>
  </head>
  <body>

    <velt-user-invite-tool>
        <button slot="button">Huddle</button>
    </velt-user-invite-tool>

  </body>
</html>

React / Next.js
Other Frameworks

Replace the Huddle Tool

Provide a template for the Huddle Tool.Target the button slot with your own custom template.

<VeltHuddleTool>
  <button slot="button">Huddle</button>
</VeltCommentTool>

Replace the Huddle Tool

Provide a template for the Huddle Tool.Target the button slot with your own custom template.

<velt-user-invite-tool>
  <button slot="button">Huddle</button>
</velt-user-invite-tool>

import {
  VeltHuddleTool
} from '@veltdev/react';

export default function App() {

  return (
    <>

      <VeltHuddleTool>
        <button slot="button">Huddle</button>
      </VeltHuddleTool>

    </>
  );
}

<!doctype html>
<html lang="en">
  <head>
    <title>Huddle documentation</title>
  </head>
  <body>

    <velt-user-invite-tool>
        <button slot="button">Huddle</button>
    </velt-user-invite-tool>

  </body>
</html>

Parts Variables

⌘I