Skip to main content

​
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} />
⌘I