Select With Destructive Option - Destructive option

Pro

Workspace select with a separator and destructive delete action row.

Shadcn Select With Destructive Option component

Component data

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

Select With Destructive Option component design & features

This example lists normal workspace options above a SelectSeparator and adds a destructive delete row with trash icon styling at the bottom.

Destructive option rows belong in settings menus where dangerous actions live near related choices but remain visually distinct from routine selections.