A status is used to decorate text with a status color
.wb-status
Pills are displayed inline and are visually separated.
<div class='wb-status'>Status A</div>
<div class='wb-status'>Status B</div>
<div class='wb-status'>Status C</div>
.wb-status--success
, .wb-status--warning
, .wb-status--danger
By default, the status hows a neutral gray color, but you can override the status color by using the above modifiers.
<div class='wb-status wb-status--success'>Active</div>
<div class='wb-status wb-status--warning'>Testing</div>
<div class='wb-status wb-status--danger'>Paused</div>
<div class='wb-status'>Archived</div>