<mxCell id="Mr3L7FGz1rFDETJnlPrg-22" value="Type: {function} - It redirect the user to his organised events<br><div>Price: {function} - The price range slider</div><div>Choices: {function} - It helps the user check some options</div><div>MiniTitle: {string} - SHows the start of the filter bar</div>" style="text;html=1;align=left;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;" vertex="1" parent="Mr3L7FGz1rFDETJnlPrg-16">
<mxCell id="Mr3L7FGz1rFDETJnlPrg-29" value="This component has been made for the sole purpose to filter in a more detailed way" style="text;html=1;align=left;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;" vertex="1" parent="Mr3L7FGz1rFDETJnlPrg-28">
<mxCell id="Mr3L7FGz1rFDETJnlPrg-47" value="<div>Slider: {type} - changes by lowering the price or making it higher</div><div>Checkmarks: {types} - dots become black when user clicks on them</div>" style="text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;" vertex="1" parent="Mr3L7FGz1rFDETJnlPrg-32">
<mxCell id="Mr3L7FGz1rFDETJnlPrg-46" value="Some actions can be performed:<br><div>The user can click on multiple checkmarks so that they customize their filter plan</div><div>The user can use the slider to choose their price range</div><div>The user can chose between a list of type of events</div>" style="text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;" vertex="1" parent="Mr3L7FGz1rFDETJnlPrg-34">
<mxCell id="Mr3L7FGz1rFDETJnlPrg-50" value="Slider in different positions" style="text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;" vertex="1" parent="WIyWlLk6GJQsqaUBKTNV-1">