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
Libraries
Radix UI, Base UI, React Aria

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.