G-Loot DS — chip status

by Augustin Hiebel

HTML

<!-- Grey (default) -->
 <button type="button" className="chip chip-status">
   <span className="icon icon-calendar-date-2" />
   <span>Label</span>
 </button>

 <!-- Attention -->
 <button type="button" className="chip chip-status chip-attention">
   <span className="icon icon-warning-sign" />
   <span>Label</span>
 </button>

 <!-- Success -->
 <button type="button" className="chip chip-status chip-success">
   <span className="icon icon-check" />
   <span>Label</span>
 </button>

 <!-- Info -->
 <button type="button" className="chip chip-status chip-info">
   <span className="icon icon-c-info" />
   <span>Label</span>
 </button>

 <!-- Error -->
 <button type="button" className="chip chip-status chip-error">
   <span className="icon icon-s-ban" />
   <span>Label</span>
 </button>