# Badge

[Material Design 3 Badges](https://m3.material.io/components/badges/overview).

Badges draw attention to an element and can display notifications, status, or small counts.

## Import

```js
import 'material/badge/badge.js'
```

## Usage

```html
<!-- Dot badge -->
<div style="position: relative; display: inline-block;">
  <md-icon>notifications</md-icon>
  <md-badge></md-badge>
</div>

<!-- Badge with numeric value -->
<div style="position: relative; display: inline-block;">
  <md-icon>shopping_cart</md-icon>
  <md-badge value="3"></md-badge>
</div>
```