Dock
How it works
Dock is a nestable block element made up of Dock items. You can duplicate and remove Dock items at pleasure, as well as placing any content you want at them.
Dock Style
At this section you can customize Dock styles but you can also use Dock element’s style tab. In case you want a vertical dock instead of an horizontal one then you can change it’s flex-direction to column.
Items Style
You can customize Dock items styles at their style tabs or use this section to style all of them at once.
Animation
Scale: the amount of scale to apply to Dock items when the user enters them. The demo uses 2.
Activation distance: the enter distance at which the scale effect will start. The demo uses 120.
Tooltip
Dock items have a tooltip that will display when the user enters them. To customize each tooltip content you have to go to Dock item’s style tab > Attributes > “data-tooltip” and set the text of the tooltip.
All the controls available at this section are to customize the tooltip styles: typography, padding, top, background and border.
– Tamu