N
neokit

Dropdown

Method: focus (default)

Basic
Click to open
Open on hover
Hover

Positions

Bottom start (default)
Click ⬇️
Bottom center
Click ⬇️
Bottom end
Click ⬇️
Top start
Click ⬆️
Top center
Click ⬆️
Top end
Click ⬆️
Left
Click ⬅️
Left center
Click ⬅️
Left end
Click ⬅️
Right
Click ➡️
Right center
Click ➡️
Right end
Click ➡️

Method: details / summary

Basic
Open or close
Top end
Open ⬆️ end

Method: popover API

Opens on a top layer — no z-index issues, no overflow clipping.

Basic popover

More examples

Card as dropdown content
Click

This is a card. You can use any element as a dropdown.

Helper / info tooltip A normal text and a helper dropdown

You needed more info?

Here is a description!

Force open
Button (forced open)
In a navbar
neokit
Link
Menu