Skip to main content

Patterns

Program Labels

Program Label Elements help the admins indicate when an application deadline in coming up. For instance, when applications for heating bill assistance open the label "Applications Open" might be green, and then yellow for the two weeks before and red the day before "Applications due".

NEW
<div class="program-label program-label-secondary">NEW</div>
NEW
<div class="program-label program-label-secondary bg-status-info">NEW</div>
NEW
<div class="program-label program-label-secondary bg-status-warning">NEW</div>
NEW
<div class="program-label program-label-secondary bg-status-success">NEW</div>
NEW
<div class="program-label program-label-secondary bg-status-urgent">NEW</div>