With handles option we can set draggable handles at different directional edges of the element for resizing. There are eight values including 4 sides and 4 corners. Here they are .
Sides are : n , s, e w ( North, South, East , West )
Corners are : ne, se, sw, nw ( North East, South East, South West, North West )
There are eight checkboxes for above eight directions. You can add or remove handles in these eight different directions by using the checkboxes.
Based on your selection of checkboxes different handles will appear dynamically over the element. Place the mouse over edges and check.
We can read the value of the handles option and displayed in our button element.
Try to resize the element by adding or removing different directional handles.