Badge

A small, styled label that is used to present metadata, status or properties inside or close to other components.

How it works

Badges are non-interactive elements that remain static on the page. They do not respond to clicks, hovers, or other user actions.

The badge width adjusts automatically based on the text content. Keep labels short to maintain visual balance and readability.

Badge in a React Native card

React Native card with a badge component