Registry Index

Search the catalog

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

BlockReactregistry:block1 dependency

Badge Standard 5 - Circular Badge with Count

badge-badge-standard-5

Default circular badge displaying a numeric 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 Standard 5 - Circular Badge with Count from @shadcnblocks — the same idea in another design, language or styling.

Default badge containing a clickable link.

Open
@shadcnblocks

More from @shadcnblocks

All 806 items
Chart Radar Label Custom - A radar chart with a custom label
chart-chart-radar-label-custom
Block
Field Advanced 6 - Complex multi-field form
field-field-advanced-6
Block
Dialog Standard 16 - Edit profile
dialog-dialog-standard-16
Block
Alert Dialog Success 4 - Success with Next Steps
alert-dialog-alert-dialog-success-4
Block
Chart Bar Label - A bar chart with a label
chart-chart-bar-label
Block
Bento Tile Bento17 Tile 2 - Brand Voice Library
bento-tile-bento17-tile2
Block
Dropdown Menu Support 3 - Resources menu
dropdown-menu-dropdown-menu-support-3
Block
Chart Radar Lines Only - A radar chart with lines only
chart-chart-radar-lines-only
Block