| title |
|---|
ion-badge |
import Props from '@site/static/auto-generated/badge/props.md'; import Events from '@site/static/auto-generated/badge/events.md'; import Methods from '@site/static/auto-generated/badge/methods.md'; import Parts from '@site/static/auto-generated/badge/parts.md'; import CustomProps from '@site/static/auto-generated/badge/custom-props.md'; import Slots from '@site/static/auto-generated/badge/slots.md';
<title>Badges | ion-badge: iOS & Android App Notification Badge Icons</title>import EncapsulationPill from '@components/page/api/EncapsulationPill';
Badges are inline block elements that usually appear near another element. Typically they contain a number or other characters. They can be used as a notification that there are additional items associated with an element and indicate how many items there are.
import Basic from '@site/static/usage/v7/badge/basic/index.md';
import Colors from '@site/static/usage/v7/badge/theming/colors/index.md';
import CSSProps from '@site/static/usage/v7/badge/theming/css-properties/index.md';