Button Icon Destructive 1 - Destructive icon button

Pro

Destructive icon-only button with aria-label.

Shadcn Button Icon Destructive 1 component

Component data

ID
button/button-icon-destructive-1
Access
pro
Created
May 23, 2026
Type
example
Libraries
Radix UI, Base UI, React Aria

Button Icon Destructive 1 component design & features

This example uses the shadcn Button component with size="icon" and the destructive variant. An aria-label provides an accessible name for the icon-only control.

Icon buttons fit toolbars, table row actions, and compact UI where a text label would crowd the layout.