New features
- You can now use circles as arrow ends! Many thanks to @damonbauer for his amazing contribution! #111
pointer-events
are now set to none
as default so that you can click through the SVG containers. Thank you @viztor! #107
Breaking changes
- If you've been using the default
pointer-events
value in your ArcherContainer
s, you may want to put back the previous default value:
<ArcherContainer
+ svgContainerStyle={{ pointerEvents: 'auto' }}
>
{/* stuff */}
</ArcherContainer>
- The arrow end styling API has changed. You should update them to fit the new API 😊
<ArcherElement
id="root"
relations={[
{
...
style: {
strokeDasharray: "5,5",
- arrowLength: 10,
- arrowThickness: 20
+ endShape: {
+ arrow: {
+ arrowLength: 10,
+ arrowThickness: 20
+ }
}
}
}
]}
>
<div style={boxStyle}>Root</div>
</ArcherElement>;