# AtlasBadge

> A small pill label for a status or count, or a dot meaning "something is new here".

AtlasBadge shows a short text such as "New", "3" or "Beta". `type` picks the tint. `symbol` adds a Material Symbol before the text. With no text and no symbol it is a small dot (`dot`).

## Example

```qml
AtlasBadge { text: qsTr("Beta"); type: "accent" }
AtlasBadge { text: "3"; type: "error" }
AtlasBadge { type: "success" }          // a dot
```

## Accessibility

A badge is not interactive and has no Tab stop. A screen reader gets the text. A dot or a symbol with no text gets the name of its type ("Warning"), or `accessibleName` when the app sets it ("Update available"). Give a dot an accessible name where the dot is the only sign.

## Properties

| Name | Type | Default | Description |
|---|---|---|---|
| `accessibleName` | `string` | `text`, or the type's name when there is no text | What a screen reader says. |
| `dot` | `bool` | `true` when there is no text and no symbol | Shows the badge as a small dot. |
| `symbol` | `int` (a `Symbols.<Name>` value, see [Symbols](https://atlasos.eterneon.net/framework/atlas-ui/symbols.md)) | `0` | A Material Symbol before the text; 0 for none. |
| `text` | `string` | `""` | The label. |
| `type` | `string` | `"neutral"` | The tint: `"neutral"`, `"accent"`, `"success"`, `"warning"` or `"error"`. |