Registry Index

Search the catalog

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

BlockReactregistry:block1 dependency

Badge Outline 5 - Circular Badge with Count

badge-badge-outline-5

Outline circular badge with count.

@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 Outline 5 - Circular Badge with Count from @shadcnblocks — the same idea in another design, language or styling.

Outline badge with text label.

Open
@shadcnblocks

More from @shadcnblocks

All 806 items
Dropdown Menu Settings 4 - Notification settings
dropdown-menu-dropdown-menu-settings-4
Block
Alert Standard 5 - Standard with Everything
alert-alert-standard-5
Block
Chart Radar Default - A radar chart
chart-chart-radar-default
Block
Chart Area Linear - A linear area chart
chart-chart-area-linear
Block
Chart Radar Grid Circle Fill - A radar chart with a grid and circle fill
chart-chart-radar-grid-circle-fill
Block
Button Icon Sizes 1 - Outline icon button sizes
button-button-icon-sizes-1
Block
Bento Tile Bento52 Tile 5 - Compact dark feature bento tile 5
bento-tile-bento52-tile5
Block
Chart Area Stacked - A stacked area chart
chart-chart-area-stacked
Block