Tag
Tags are often used for categorization, labeling of different items.
API Reference
| Prop | Type | Default |
|---|---|---|
variant | VariantTypes | primary |
disabled | boolean | false |
filled | boolean | false |
removable | boolean | false |
Examples
Variant
Filled
Usage
General Guidelines
Do's
- Use clear and concise labels and should be easy to understand at a glance.
- Use the same terminology for similar tags throughout the application.
- Visually differentiate tags.
Don'ts
- Don't use overly generic tags, e.g. Tags like "important" or "other" aren't specific enough to be useful.
- Don't make tags mandatory.
Writing Guidelines
When to use
- Use for categorizing, labeling, or read-only situations.
When not to use
- Do not use tags as links that direct you to an entirely different page or launch you from a current experience to a separate tab.
- Avoid using tags with multiple functions to prevent confusion and reduce accidental clicks.
Use Case
General Use Cases
Tags are labels used to categorize, organize, and search for information across various applications.
Digital Health Use Cases
For Digital Health Applications Tags can be used as labeling symptoms, e.g. "fatigue, headaches, changes in appetite, difficulty concentrating".