Badge

Import

import {Badge} from '@astryxdesign/core/Badge';

Astryx 문서 권장 방식대로 root barrel이 아니라 컴포넌트 subpath에서 가져옵니다.

When to use

Badge highlights a status or category at a glance. Use it sparingly: only when a value represents a distinct state (Active, Failed) or a grouping tag (Engineering, Design). Most...

Important props

Theming targets

Best practices

• DoEvery status badge steals attention. Only badge states where the user needs to notice or act: errors, warnings, items requiring follow-up. If no action is needed, plain text is ...
• DoUse success, warning, and error variants only for system status that demands attention: "Failed", "Degraded", "Action Required". These have bold solid backgrounds designed to st...
• DoUse color variants (blue, purple, teal, etc.) for category tags that group or classify items: team names, content types, priority levels.
• DoKeep labels to one or two words. If you need more detail, put it in surrounding text instead of the badge.