Nightclub Party Music

    @leafygreen-ui/badge
    TypeScript icon, indicating that this package has built-in type declarations

    5.0.0 • 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.

    Keywords

    none

    Install

    npm i @leafygreen-ui/badge

    DownloadsWeekly Downloads

    7,756

    Version

    5.0.0

    License

    Apache-2.0

    Unpacked Size

    188 kB

    Total Files

    17

    Last publish

    Collaborators

    • shaneeza
    • hswolff
    • dave.mccarthy
    • thesonofthomp