Slots - Velt

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

export default function App() {

  return (
    <>

      <VeltArrowTool>
        <button slot="button">Arrow</button>
      </VeltArrowTool>

    </>
  );
}

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

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

  </body>
</html>

Replace the Arrow Tool

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

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

export default function App() {

  return (
    <>

      <VeltArrowTool>
        <button slot="button">Arrow</button>
      </VeltArrowTool>

    </>
  );
}

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

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

  </body>
</html>

Parts Variables

⌘I