Badge

This is a simple component that can be used to bring attention to a specific part of the user interface, for example an unread notification, an update, an important element...

The Badge component supports all colours and sizes

<Row gap="large" align="center" justify="center">
  <Badge size="xsmall" color="negative" />
  <Badge size="small" color="warning" />
  <Badge size="medium" color="highlight" />
  <Badge size="large" color="secondary-background" />
  <Badge size="xlarge" color="divider" />
</Row>