Select Full Width - Full width layout

Pro

Full-width select inside a Field wrapper.
Shadcn Select Full Width component

Component Data

  • ID:select/select-full-width
  • Access:pro
  • Created:May 23, 2026
  • Type:example

Select Full Width component design & features

This example sets SelectTrigger to w-full inside Field so the dropdown matches the width of the form column.

Full-width selects belong in mobile-friendly forms, modal dialogs, and stacked field layouts.