Registry Index

Search the catalog

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

BlockReactregistry:block2 dependencies

Dot Indicator Badge

components-badges-dot-indicator-badge

A badge paired with a small colored dot that shows status at a glance. Use it to show online, busy, or away states next to a name or avatar.

@shadcn-ui-blocksRegistry 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.

@shadcn-ui-blocks

More from @shadcn-ui-blocks

All 520 items
Gradient Border Badge
components-badges-gradient-border-badge
Block
Minimalist Role Highlight
portfolio-portfolio-work-experience-cards-minimalist-role-highlight
Block
Accordion Services
portfolio-portfolio-core-services-overview-accordion-services
Block
Stacked
marketing-pricing-sections-stacked
Block
Centred With Image
marketing-hero-sections-centred-with-image
Block
Case Study CTA
marketing-cta-sections-case-study-cta
Block
Modern Overview
ecommerce-product-overview-modern-overview
Block
Magnetic Card
components-cards-magnetic-card
Block