# UIB BadgeModule

## Prequisites

Add the `BadgeModule` module to your module imports:

```TS
import { BadgeModule } from '@uib/angular';

@NgModule({
  imports: [
    // ...
    BadgeModule,
    // ...
  ],
})
// ...
```

## BadgeModule

### Examples

```HTML
<uib-badge [value]="value" [uibBadgeSize]="size" [uibBadgeVariant]="variant">
</uib-badge>
```

On parent element:

```HTML
<button uibIconButton icon="uib-icon--settings" [uibBadge]="value" [uibBadgeSize]="size" [uibBadgeVariant]="variant">
</button>
```

> Note: The uibBadge directive will apply `position: relative` on the parent element