SoybeanUI is now VeanUIMigration guidePackages moved to @vean/aria and @vean/ui, and the docs moved to veanui.com.This site redirects in Nov 2026; the @soybeanjs packages are deprecated in Apr 2027.
Back to catalog
Component detail entry
Data Display
@soybeanjs/ui
SBadge

Badge

Badge belongs to the Data Display category. Start with demos and usage, then use the API tables to finish integration and styling decisions.

Use the quick jump panel to reach overview, usage, demos, and API first, then continue through the full page.

Quick jump

Related components

If you are composing interactions in the same family, these components usually pair well together.

Changelog

Version history is grouped by release so you can quickly see what changed for this component across published versions.

v0.18.0

2026-05-05

Compare release

Feature

add BadgeCompact component with props, emits, and slots

Scope: badgeAuthors: soybeanjsView commit49ceb

v0.0.9

2026-01-02

Compare release

Feature

integrate useAttrs for enhanced class merging in mergeSlotVariants

Scope: badgeAuthors: soybeanjsView commit1b456

v0.0.2

2025-11-18

Compare release

Feature

implement badge component with various examples

Scope: badgeAuthors: soybeanjsView commit04ec2

Optimization

remove unused props and bind open state directly in BadgeRoot

Scope: badgeAuthors: soybeanjsView commit3a105

Feature

add optional 'content' prop to badge component

Scope: badgeAuthors: soybeanjsView commitc3ec9

Feature

add 'raw' variant to badge component and update size and shape styles

Scope: badgeAuthors: soybeanjsView commit15530

Feature

implement badge component with various examples

Scope: badgeAuthors: soybeanjsView commit04ec2

Optimization

remove unused props and bind open state directly in BadgeRoot

Scope: badgeAuthors: soybeanjsView commit3a105

Style

adjust padding for badge sizes to improve layout consistency

Scope: badgeAuthors: soybeanjsView commit5c60f

Feature

add optional 'content' prop to badge component

Scope: badgeAuthors: soybeanjsView commitc3ec9

Feature

add 'raw' variant to badge component and update size and shape styles

Scope: badgeAuthors: soybeanjsView commit15530

Style

adjust padding for badge sizes to improve layout consistency

Scope: badgeAuthors: soybeanjsView commit5c60f