Skip to content

Release 3.0.0

Compare
Choose a tag to compare
@pierpo pierpo released this 06 Oct 21:26
· 215 commits to master since this release

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 ArcherContainers, 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>;