Button Icon Destructive 5 - Destructive icon button with count

Pro

Destructive icon button with notification count badge.
Shadcn Button Icon Destructive 5 component

Component Data

  • ID:button/button-icon-destructive-5
  • Access:pro
  • Created:May 23, 2026
  • Type:example

Button Icon Destructive 5 component design & features

This example uses the shadcn Button component with size="icon" and the destructive variant. A badge overlays the icon to show an unread or pending count.

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