Status Dot
Samples
This element is commonly used on Dashboard or Listings pages to let users know if a module is active or not.
| Module 1 |
| Module 2 |
| Module 3 |
This element is commonly used on Dashboard or Listings pages to let users know if a module is active or not.
| Module 1 |
| Module 2 |
| Module 3 |
To show published status with blue dot, you have to add sui-published class to sui-status-dot, also do not forget to change tooltip text from "Draft" to "Published".
<span class="sui-status-dot sui-tooltip" data-tooltip="Draft"> <span aria-hidden="true"></span> </span>