Actions
Switch Theme
Getting startedInstallation
Basics
SocialsYouTube
Facebook
Jose Tamu
September 28, 2024 /  Beginner

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

On this page