<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 |
Last updated on