# @smui-extra/badge

> Svelte Material UI - Badge

Latest version **9.0.4** (published 2026-08-31) · Apache-2.0 license · 0 weekly downloads

## Install

```sh
npm install @smui-extra/badge
pnpm add @smui-extra/badge
yarn add @smui-extra/badge
bun add @smui-extra/badge
```

## Health

**Score 70/100 (B)** — status: active.

Positive: has types; esm support; no vulnerabilities; recently updated; high maintenance score; high quality score.

Warnings: low downloads.

## Facts

| | |
|---|---|
| Version | 9.0.4 |
| Published | 2026-08-31 |
| First published | 2021-12-10 |
| Weekly downloads | 0 |
| License | Apache-2.0 |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 1 |
| Unpacked size | 51.4 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 3443 |
| Author | Hunter Perrin |
| Maintainers | hperrin |
| Keywords | svelte, svelte3, material-ui, material-design, material, svelte-components, sveltejs |

## Links

- npm: https://www.npmjs.com/package/@smui-extra/badge
- Repository: https://github.com/hperrin/svelte-material-ui
- Homepage: https://github.com/hperrin/svelte-material-ui#readme
- Issues: https://github.com/hperrin/svelte-material-ui/issues
- npm.io page: https://npm.io/package/@smui-extra/badge

## Dependencies (1)

- [@smui/common](https://npm.io/package/@smui/common.md) ^9.0.2

## Alternatives

- [@progress/kendo-ooxml](https://npm.io/package/@progress/kendo-ooxml.md) — 152.1K weekly downloads
- [@progress/kendo-react-ripple](https://npm.io/package/@progress/kendo-react-ripple.md) — 8.0K weekly downloads
- [@progress/kendo-react-orgchart](https://npm.io/package/@progress/kendo-react-orgchart.md) — 4.3K weekly downloads
- [@praxisui/dynamic-fields](https://npm.io/package/@praxisui/dynamic-fields.md) — 2.4K weekly downloads
- [@mesalvo/react-ui](https://npm.io/package/@mesalvo/react-ui.md) — 1.7K weekly downloads

## Recent versions

- 9.0.4 (latest) — 2026-08-31
- 9.0.0-beta.14 (beta) — 2026-05-16
- 8.0.0-alpha.0 (alpha) — 2024-05-13
- 9.0.2 — 2026-08-03
- 9.0.1 — 2026-06-02
- 9.0.0 — 2026-05-20
- 9.0.0-beta.13 — 2026-05-16
- 9.0.0-beta.12 — 2026-04-21
- 9.0.0-beta.11 — 2026-04-21
- 9.0.0-beta.10 — 2026-04-21
- 9.0.0-beta.9 — 2026-04-21
- 9.0.0-beta.8 — 2026-04-21
- 9.0.0-beta.7 — 2026-04-21
- 9.0.0-beta.6 — 2026-04-21
- 9.0.0-beta.5 — 2026-04-21
- … 47 more at https://npm.io/package/@smui-extra/badge/versions

## README

# Svelte Material UI - Badge

An indicator for content.

# Installation

```sh
npm install --save-dev @smui-extra/badge
```

# Examples and Usage Information

https://sveltematerialui.com/demo/badge

# Exports

## (default)

A badge.

### Props / Defaults

- `use`: `[]` - An array of Svelte actions and/or arrays of an action and its options.
- `class`: `''` - A CSS class string.
- `square`: `false` - Whether the component has square or rounded corners.
- `color`: `'default'` - The component's color. ('primary', 'secondary', 'default', or a custom color string defined with SASS)
- `position`: `'middle'` - The position of the badge relative to the corner of the container. ('inset', 'middle', or 'outset')
- `align`: `'top-end'` - The corner alignment of the badge on its container. ('top-start', 'top-end', 'bottom-start', or 'bottom-end')

---
_Source: https://npm.io/package/@smui-extra/badge · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._