<ControlButton />

The <ControlButton /> component is used to render custom/ additional buttons for the <Controls /> component.

<script lang="ts">
  import { Controls, ControlButton } from '@xyflow/svelte';
</script>
 
<Controls>
  <ControlButton on:click={() => console.log('⚡️')}>
    ⚡️
  </ControlButton>
</Controls>

Components Types