<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 onclick={() => console.log('⚡️')}>
    ⚡️
  </ControlButton>
</Controls>

Props

The type for props of <ControlButton /> component is exported as ControlButtonProps. Additionally, it extends the props of <button />.

Name	Type	Default
`bgColor`	`string`
`bgColorHover`	`string`
`colorHover`	`string`
`borderColor`	`string`
`...props`	`HTMLButtonAttributes`