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>

Program Label Info

Source: src/elements/program-labels/program-labels-info

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

Program Label Warning

Source: src/elements/program-labels/program-labels-warning

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

Program Label Success

Source: src/elements/program-labels/program-labels-success

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

Program Label Urgent

Source: src/elements/program-labels/program-labels-urgent

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