@dd-test/bdge
TypeScript icon, indicating that this package has built-in type declarations

4.0.3 • Public • Published

Badge

npm (scoped)

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

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

Readme

Keywords

none

Package Sidebar

Install

npm i @dd-test/bdge

Weekly Downloads

0

Version

4.0.3

License

Apache-2.0

Unpacked Size

186 kB

Total Files

17

Last publish

Collaborators

  • dave.mccarthy