Registry Index

Search the catalog

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

BlockReactregistry:block1 dependency

Avatar Standard 20 - Avatar with Badge Bottom Left

avatar-avatar-standard-20

Circular avatar with red count badge in bottom-left corner.

@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.

25 variants

Variants of this

Other takes on Avatar Standard 20 - Avatar with Badge Bottom Left from @shadcnblocks — the same idea in another design, language or styling.

Circular avatar with online indicator and count badge.

Open
@shadcnblocks

More from @shadcnblocks

All 806 items
Bento Tile Bento35 Tile 1 - Color use
bento-tile-bento35-tile1
Block
Empty Actions 5 - Empty with stacked actions
empty-empty-actions-5
Block
Chart Tooltip Icons - Tooltip - Icons
chart-chart-tooltip-icons
Block
Bento Tile Bento9 Tile 2 - End-to-end encryption
bento-tile-bento9-tile2
Block
Bento Tile Bento11 Tile 2 - Clean layout that adapts to device
bento-tile-bento11-tile2
Block
Autocomplete Country - Country autocomplete
autocomplete-autocomplete-country
Block
Chart Line Step - A line chart with step
chart-chart-line-step
Block
Chart Tooltip Indicator None - Tooltip - No Indicator
chart-chart-tooltip-indicator-none
Block