Arrow comp is just like line comp except it has a "pointer head" at the end. Just like line comp the Arrow comp also has x,y and x2,y2.
Arrow comp does not support border,background,colorBackground etc.
This comps takes following arguments
| Arg Name | Arg Type | Explanation |
| x | number | The x-axis of starting point |
| y | number | The y-axis of starting point |
| x2 | number | The x-axis of ending point |
| y2 | number | The y-axis of ending point |
| color | string | The color of the arrow comp (stick and head both) |
This comp has following "Comp Props" (props unique to this comp).
| Prop Name | Prop Type | Explanation |
| x2 | AniPerc | The x-axis of ending point |
| y2 | AniPerc | The y-axis of ending point |
| headWidth | AniPerc | The width of Arrow head. Responsive to canvas width |
| headHeight | AniPerc | The height of Arrow head. Responsive to canvas height |
| headColor | AniColor | The color of Arrow head |
Most of the BaseComponent props are not implemented since they are not required.