Button Destructive 2 - Destructive button with left icon

Pro

Destructive button with leading icon.

Shadcn Button Destructive 2 component

Component data

ID
button/button-destructive-2
Access
pro
Created
Oct 5, 2025
Type
example
Libraries
Radix UI, Base UI, React Aria

Button Destructive 2 component design & features

This button adds a leading icon before the label using the shadcn Button destructive variant. Icons clarify action type without changing button behavior or accessibility roles.

Icon-left buttons are common for create/add actions, navigation back controls, and download triggers where the pictogram reinforces meaning.