Badge
import { TgBadgeComponent } from '@trademe/tangram';
Badges are used to indicate items waiting for attention. The content of a badge can be up to two characters, followed by a + character if needed.
When a badge isn’t visible on the page, you can also badge the parent element so it’s immediately visible to the user (e.g. badge a menu control icon if any of the menu links have badges when opened).
Example
Behaviour
- Inline badges are vertically centred.
- When placed within a link tag, add the helper
.tg-h-link-inline-block