Select With Truncated Trigger - Truncated trigger text

Pro

Select trigger that truncates long selected labels.
Shadcn Select With Truncated Trigger component

Component data

ID
select/select-with-truncated-trigger
Access
pro
Created
May 23, 2026
Type
example
Libraries
Radix UI, Base UI, React Aria

Select With Truncated Trigger component design & features

This example constrains SelectTrigger width so long selected values truncate with line clamping.

Truncated selects help in sidebar filters, table toolbars, and narrow layouts where option names can be very long.