Dropdown

32px rows · 2px inset keyboard outline · shared popover surface

Light

On page background

Resting

Hover

Keyboard focus

Disabled

Disabled focus

Plain shortcut

Resting

Hover

Keyboard focus

Disabled

Disabled focus

On card background

Resting

Hover

Keyboard focus

Disabled

Disabled focus

Plain shortcut

Resting

Hover

Keyboard focus

Disabled

Disabled focus

Live keyboard, selection and submenu

Placement, collision and overflow

Open each menu to inspect placement. Near viewport edges, Base UI flips or shifts it. The constrained menu scrolls to keep every action reachable.

Back to StoryLite