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.

const arrowElement = client.getArrowElement();

const arrowElement = client.getArrowElement();

const arrowElement = Velt.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.

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

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

<velt-arrows allowed-element-ids="['ALLOWED_ID_1', 'ALLOWED_ID_2']"></velt-arrows>

API Methods:

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

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

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

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

​

3. Dark Mode

Whether dark mode is enabled.

Default: false

<VeltArrows darkMode={true} />

<VeltArrows darkMode={true} />

<velt-arrows dark-mode="true"></velt-arrows>