@dd-test/bdge NPM

Badge

yarn add @leafygreen-ui/badge

npm install @leafygreen-ui/badge

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>

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

Note: Specifying the onClick attribute will change the cursor style to pointer.

5 years ago