Select With Overlapping Label - With overlapping label

Pro

Select with a label overlapping the trigger border.
Shadcn Select With Overlapping Label component

Component Data

  • ID:select/select-with-overlapping-label
  • Access:pro
  • Created:May 23, 2026
  • Type:example

Select With Overlapping Label component design & features

This example positions a Label over the top edge of SelectTrigger so it sits on the border like an outlined field.

Overlapping label selects match material-style forms and compact inputs where vertical space is limited.