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 |