npm.io
10.2.5 • Published 1 month ago

@leafygreen-ui/badge

Licence
Apache-2.0
Version
10.2.5
Deps
4
Size
73 kB
Vulns
0
Weekly
0
Stars
274

Badge

npm (scoped)

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