Badge
View on MongoDB.design
Installation
PNPM
pnpm add @leafygreen-ui/badge
Yarn
yarn add @leafygreen-ui/badge
NPM
npm install @leafygreen-ui/badge
Example
import Badge from '@leafygreen-ui/badge';
<Badge variant="blue" className="my-badge">
New
</Badge>;
Properties
| Prop | Type | Description | Default |
|---|---|---|---|
variant |
'lightgray', 'darkgray', 'red', 'blue', 'green', 'yellow', 'purple' |
Sets the style variant of the badge. | 'lightgray' |
className |
string |
Adds a className to the class attribute | |
children |
node |
The content that will appear inside of the <Badge /> component. |
|
| ... | native div attributes |
Any other props will be spread on the root div element |
|
darkMode |
boolean |
Determines if the component renders in dark theme | false |