Registry Index

Search the catalog

Type to search items across every indexed registry, or pick a page.

BlockReactregistry:block2 dependencies

Badge Destructive 3 - Badge with Icon on Left

badge-badge-destructive-3

Destructive badge with leading icon.

@shadcnblocksRegistry JSON
Live, loading

Starting the live preview…

Runs in a sandboxed frame on a separate origin, in its registry's own theme. Mounted with no props — an item that paints an empty box is given its name as text, and some items need input to show anything.

5 variants

Variants of this

Other takes on Badge Destructive 3 - Badge with Icon on Left from @shadcnblocks — the same idea in another design, language or styling.

Destructive badge with text label.

Open
@shadcnblocks

More from @shadcnblocks

All 806 items
Chart Area Axes - An area chart with axes
chart-chart-area-axes
Block
Bento Tile Bento43 Tile 1 - AI platform bento with integration hub tile 1
bento-tile-bento43-tile1
Block
Bento Tile Bento13 Tile 1 - Professional tone without crypto
bento-tile-bento13-tile1
Block
Autocomplete Rich Items - Rich item autocomplete
autocomplete-autocomplete-rich-items
Block
Chart Pie Legend - A pie chart with a legend
chart-chart-pie-legend
Block
Button Group Navigation 1 - Pagination
button-group-button-group-navigation-1
Block
Button Icon Outline 5 - Outline icon button with count
button-button-icon-outline-5
Block
Empty Search 5 - Clear filters suggestion
empty-empty-search-5
Block