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



Structure of status hint
PropertyValue(s)
Spacing between Indicator and Label10 px
Size of indicator8x8 px

Configurations



PropertyValue(s)Default value
Appearance
  • Default
  • Info
  • Success
  • Warning
  • Alert
  • 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 Status hint vs Badge in page headers


    Was this page helpful?