Status hint
Status hint is used to highlight the status of an item.
Usage
Code
As the name suggests, Status Hints can be used to highlight the status of a resource in tables, lists, headers, etc.
Appearance
Status hint comes in 5 Appearances -
Info
Warning
Success
Alert
Default
Structure
| Property | Value(s) |
|---|---|
| Spacing between Indicator and Label | 10 px |
| Size of indicator | 8x8 px |
Configurations
| Property | Value(s) | Default value |
|---|---|---|
| Appearance | Default | |
| Label | <label> | - |
Usage
Status hint vs Badge
Status hint is used to display the status of a resource while a badge is used as a label to tag entities.
Status hint vs Badge Was this page helpful?