@leafygreen-ui/badge NPM | npm.io

9.0.0 • Published 11 months ago

Install

Weekly downloads

328

License

Apache-2.0

Repository

Last release

11 months ago

Badge

View on MongoDB.design

Installation

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>;

Output HTML

<div class="leafygreen-ui-rhgfxf my-badge">New</div>

Properties

Prop	Type	Description	Default
`variant`	`'lightgray'`, `'darkgray'`, `'red'`, `'blue'`, `'green'`, `'yellow'`	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`

@leafygreen-ui/lib @leafygreen-ui/tokens @leafygreen-ui/emotion @leafygreen-ui/palette

@everything-registry/sub-chunk-539 @infinitebrahmanuniverse/nolb-_lea mongodb-chatbot-ui @dd-test/nav @mongodb-js/compass-collections-ddl @mongodb-js/compass-components @leafygreen-ui/empty-state @leafygreen-ui/mongo-nav @lg-chat/input-bar @lg-chat/title-bar

7 months ago

8 months ago

8 months ago

8 months ago

9 months ago

9 months ago

9 months ago

6 months ago

7 months ago

10 months ago

10 months ago

11 months ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

4 years ago

4 years ago

4 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago