Badge draft

Badges are used to inform users of the status of an object or of an action that’s been taken. Commonly used in tabular data to indicate status.

<nord-stack direction="horizontal" gap="s">
  <nord-badge type="info">Info</nord-badge>
  <nord-badge type="success">Success</nord-badge>
  <nord-badge type="warning">Warning</nord-badge>
  <nord-badge type="danger">Danger</nord-badge>
  <nord-badge type="highlight">Highlight</nord-badge>
</nord-stack>

Properties

Property	Attribute	Description	Type	Default
`type`	`type`	The type of badge. Determines the colour of the chip shown on the badge.	`"warning" \| "success" \| "danger" \| "highlight" \| "info" \| undefined`	`"info"`

Slots

Slot name	Description
Default slot	The badge content.