Token

Import

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

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

When to use

Token is a small, inline element for representing discrete pieces of associated data, like tags, categories, or selections. Use it to label content, show active filters, or repr...

Important props

Theming targets

Best practices

• DoUse color to distinguish categories (for example, green for "Active", red for "Blocked", blue for "In Review") so users can scan status at a glance.
• DoProvide an onRemove callback when tokens represent user selections that can be undone, like filters or multi-select values.
• DoAdd a leading icon when it helps identify the token type faster, like a person icon for user tokens or a tag icon for labels.
• DoKeep labels short: one to three words. Tokens truncate with ellipsis when the text overflows.