Customize Behavior

​

1. Getting the Arrow Element

To get access to the Arrow Element APIs, you will first need to get the Arrow Element object from the client.

• React / Next.js
• Other Frameworks

const arrowElement = client.getArrowElement();

​

2. Set which elements Arrows can be added to

You can use the allowedElementIds() property to set an allowed list of elements the Arrows feature can be added to.

• React / Next.js
• Other Frameworks

<VeltArrows allowedElementIds={['ALLOWED_ID_1', 'ALLOWED_ID_2']} />

API Methods:

You can use the arrowElement.allowedElementIds() method to set an allowed list of elements the Arrows feature can be added to.

• React / Next.js
• Other Frameworks

arrowElement.allowedElementIds(['ALLOWED_ID_1', 'ALLOWED_ID_2']);

​

3. Dark Mode

Whether dark mode is enabled.

Default: false

• React / Next.js
• Other Frameworks

<VeltArrows darkMode={true} />