| Autoanimate | Option to auto animate the slider when the component initializes. We should be able to access this option via API. | Unselected |
| Autoanimation Time | Defines how long it takes to complete the autoanimation. | 2 seconds |
| Disable Autoanimate on Interaction | When selected, the autoanimation stops if user interacts with the slider. | Selected |
| Orientation | Horizontal, Vertical | Horizontal |
| Slider size | Option to change the width and height of the draggable area. | 100% width, 80px height |
| Slider position | Option to place the slider (draggable area) within the component. | 50 |
| Slide icon | Option to choose an image which will work as visual indicator for the drag gesture. | |
| Slider icon size | Option to change the width and height of the icon image. | 60 |
| Divider Angle | Option to change the angle of the mask. | 10 |
| Divider Width | Option to change the devider line width. | 4 |
| Divider Color | Option to add a solid background color to the divider line. | #ffffff |
| Divider Shadow | Option to add shadow styles. This will help giving the feeling that one of the elements is in top of the other. | #000000 |
| Divider Image | Instead of adding a flat background color, we would like to be able of adding an custom image to be use as the slider. | |
| Divider Image Scaling | Resize image to fit, Crop image to fill, Strech image to fill, None | Fill |