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
In page headers, badge is used as label while status hint is used to indicate the status of the particular entity.
Status hint vs Badge in page headers Was this page helpful?