<h1>
  Example heading
  <c-bs-badge bg="secondary">New</c-bs-badge>
</h1>

<c-bs-button>
  Notifications
  <c-bs-badge bg="secondary">4</c-bs-badge>
</c-bs-button>

<c-bs-badge bg="primary" c-pill="True">Primary</c-bs-badge>

<c-bs-badge bg="primary">Primary</c-bs-badge>

<c-bs-badge bg="secondary">Secondary</c-bs-badge>

<c-bs-badge bg="success">Success</c-bs-badge>

<c-bs-badge bg="danger">Danger</c-bs-badge>

<c-bs-badge bg="warning">Warning</c-bs-badge>

<c-bs-badge bg="info">Info</c-bs-badge>

<c-bs-badge bg="light">Light</c-bs-badge>

<c-bs-badge bg="dark">Dark</c-bs-badge>

<c-bs-badge bg="primary" c-pill="True">Primary</c-bs-badge>

<c-bs-badge bg="secondary" c-pill="True">Secondary</c-bs-badge>

<c-bs-badge bg="success" c-pill="True">Success</c-bs-badge>

<c-bs-badge bg="danger" c-pill="True">Danger</c-bs-badge>

<c-bs-badge bg="warning" c-pill="True">Warning</c-bs-badge>

<c-bs-badge bg="info" c-pill="True">Info</c-bs-badge>

<c-bs-badge bg="light" c-pill="True">Light</c-bs-badge>

<c-bs-badge bg="dark" c-pill="True">Dark</c-bs-badge>