Components · Labels & Badges
Tag
DeprecatedSince v0.0.1
Deprecated — use Badge. Non-interactive label tag for categorisation.
Deprecated — removal planned in 3.0
Use Badge instead:
<Badge size="sm"> covers it. Tag keeps working, unchanged, until 3.0.import { Tag } from '@nexub/react';Examples
Default
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| variant | 'solid' | 'soft' | 'outline' | 'soft' | Visual style of the tag. |
| tone | 'neutral' | 'info' | 'success' | 'warning' | 'danger' | — | Semantic colour tone of the tag. |
| size | 'sm' | 'md' | 'lg' | 'md' | Controls tag size. |
On iOS & Android
Web only
Tag has no @nexub/react-native twin. On phones, follow the platform pattern instead, or compose it from the native components listed on the React Native page.