Docs — G-Loot Brand Guidelines

Structure

Align to end

Horizontally centered

Dropdown top

Dropdown top / align to end

Dropdown top / horizontally centered

Dropdown left

Dropdown left / align to end

Dropdown right

Dropdown right / align to end

Open (forced) javascript

On hover

Dropdown in navbar

Responsive positioning

You can change the position of the dropdown based on the screen size using the following class name:.{xx}:dropdown-{position}.
{xx} can be xs, sm, md, lg, xl.

In this example, the tooltip will be displayed aligned on end by default, but will be centered above 1024px (lg).