Select Position Variant - Position variant

Pro

Select menu positioned above the trigger with side="top".
Shadcn Select Position Variant component

Component Data

  • ID:select/select-position-variant
  • Access:pro
  • Created:May 23, 2026
  • Type:example

Select Position Variant component design & features

This example sets SelectContent position=“popper” and side=“top” so the menu opens upward near the bottom of the viewport.

Upward-opening selects help in footer forms, sticky panels, and layouts where space below the trigger is limited.