Badge

Sculpted status indicators with raised or inset shadow effects for labels and tags.

Variants

Different badge styles for various use cases.

DefaultSecondaryDestructiveOutlineSuccessWarning

Monospace Style

Badges with monospace font for technical labels and version numbers.

NEWWEEKLYPRO2-4 days

With Icons

Badges enhanced with icons for additional context.

Completed Pending Error Featured Fast

Version Pill

Badge styled as an inline version indicator.

v0.9

Status Indicators

Common status badge patterns.

ActiveDraftReviewRejectedArchived

Version Labels

Software version and release badges.

v2.0BetaStableDeprecatedLTS

In Sculpted Container

Badges used within sculpted inset containers.

Project Alpha

Last updated 2 hours ago

Active

Soft Resin Backpack

Matte finish

NEW
Activity
LIVE

Tag Groups

Multiple badges as tags with muted background styling.

Skills

FigmaTokensDocsReactTypeScript

Notification Counts

Compact badges for notification indicators on sculpted icons.

📥
3
🔔
9
💬
5