# Labels

State-indicating labels within the Sunbird-Ed portal play a vital role in communication and user guidance, ensuring that users are well-informed about the status of various elements and processes. For more information please refer to this link <https://sunbird-ed.github.io/sunbird-style-guide/dist/#/labels>

<figure><img src="https://3233010154-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MkgPDmvKwE_DgYJbvPS%2Fuploads%2FFS0UzTAzYvfYbRybAgZZ%2Fimage.png?alt=media&#x26;token=381fc79b-bdec-4a9c-be46-894617a03439" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3233010154-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MkgPDmvKwE_DgYJbvPS%2Fuploads%2Fe3Xs5EsJfUwiuR9QERS0%2Fimage.png?alt=media&#x26;token=7e8a1abe-f4bd-40a9-b99b-1ae88fa90472" alt=""><figcaption></figcaption></figure>

```html
<div class="sb-label sb-label-table sb-label-primary-100">Review</div>
<div class="sb-label sb-label-table sb-label-success-0">Review</div>
<div class="sb-label sb-label-table sb-label-success-0"><span class="sb-live"></span>Review</span></div>
<div class="sb-label sb-label-table sb-label-warning-0">Review/Warning</div>
<div class="sb-label sb-label-table sb-label-error-0">Error</div>
<div class="sb-label sb-label-table sb-label-gray-0">Review</div>
<div class="sb-pageSection-count sb-label sb-label-xs sb-label-warning ml-8">25/234zne</div>
```