Badge

import { Badge } from "@nudge-coach/ui";

Overview

Highlights notable updates.

React.ReactNode

Inject text or icons to be featured in the Badge.

A boolean that indicates this badge should serve as a warning to the user.

<Badge warning>!</Badge>

A boolean that indicates this badge symbolizes a successful action.

<Badge success>
  <Check />
</Badge>

A boolean that updates the border radius to better fit words.

<Badge word>NEW</Badge>