Shapes

Demo Link: https://chakor-demo-4.bubbleapps.io/version-test/shapes
Editor Link: https://bubble.io/page?id=chakor-demo-4&tab=Design&name=shapes&type=page

Instructions to Use the "Shapes" Plugin

1. Install the Plugin in Your Bubble App
   • Open your Bubble app editor.
     
   • Navigate to the Plugins tab.
     
   • Click on Add Plugins and search for "Shapes"
     
   • Install the plugin into your app.
     
   
   


2. Use Plugin Element
   • Drag and drop the "Shape Drawer" element onto your page from the editor's element panel.
     
   • In the property editor, select the desired shape type from the dropdown menu. Supported shapes include:
     • Square
       
     • Circle
       
     • Oval
       
     • Trapezoid
       
     • Parallelogram
       
     • Triangle Up
       
     • Triangle Down
       
     • Triangle Left
       
     • Triangle Right
       
     
     
   • For specific shapes (Oval, Trapezoid, Parallelogram), ensure that the height is set to half of the width for optimal rendering. For example:
     • Width: 100px
       
     • Height: 50px
       
     
     
   • Customize additional properties such as background color, width, and height as needed.