25.1 #Status.Icon Icon

Toggle example guides Toggle HTML markup

.status__icon.-{published, locked, unpublished, rejectedforpublishing, rejected, scheduled, draft, draftnewer, dimmed, for-translation, for-published, for-restricted, for-scheduled, for-draft}

Default

Published

Locked

Unpublished

Rejected for publishing

Rejected

Scheduled

Draft

Draft newer than published

Published Dimmed — used to dim the status of not translated items

For traslation

Custom status icon with color of Published

Custom status icon with color of Rejected

Custom status icon with color of Unpublished

Custom status with color of Scheduled

Custom status with color of Draft
Html
    <i class="sf-status__icon"></i> Default<br /><br />
    <i class="sf-status__icon -published"></i> Published<br /><br />
    <i class="sf-status__icon -locked"></i> Locked<br /><br />
    <i class="sf-status__icon -unpublished"></i> Unpublished<br /><br />
    <i class="sf-status__icon -rejectedforpublishing"></i> Rejected for publishing<br /><br />
    <i class="sf-status__icon -rejected"></i> Rejected<br /><br />
    <i class="sf-status__icon -scheduled"></i> Scheduled<br /><br />
    <i class="sf-status__icon -draft"></i> Draft<br /><br />
    <i class="sf-status__icon -draftnewer"></i> Draft newer than published<br /><br />
    <i class="sf-status__icon -published -dimmed"></i> Published Dimmed — used to dim the status of not translated items<br /><br />
    <i class="sf-status__icon -for-translation"></i> For traslation<br /><br />
    <i class="sf-status__icon -for-published sf-fa-bell-o"></i> Custom status icon with color of Published<br /><br />
    <i class="sf-status__icon -for-restricted sf-fa-bullhorn"></i> Custom status icon with color of Rejected<br /><br />
    <i class="sf-status__icon -for-unpublished sf-fa-envelope-o"></i> Custom status icon with color of Unpublished<br /><br />
    <i class="sf-status__icon -for-scheduled sf-fa-eye"></i> Custom status with color of Scheduled<br /><br />
    <i class="sf-status__icon -for-draft sf-fa-star-o"></i> Custom status with color of Draft<br />