bpk-component-badge

Backpack badge component.

Installation

npm install bpk-component-badge --save-dev

Usage

import React from 'react';
import BpkBadge, { BADGE_TYPES } from 'bpk-component-badge';

export default () => (
  <BpkBadge
    type={BADGE_TYPES.warning}
  >
    My Badge
  </BpkBadge>
);

Props

| Property | PropType | Required | Default Value | | --------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------| -------- | ------------------- | | centered | bool | false | null | | className | string | false | null | | docked | oneOf('left', 'right') | false | null | | type | oneOf(BADGE_TYPES.warning, BADGE_TYPES.success, BADGE_TYPES.destructive, BADGE_TYPES.light, BADGE_TYPES.inverse, BADGE_TYPES.outline, BADGE_TYPES.strong)| false | BADGE_TYPES.warning |

Theme props

• badgeBackgroundColor
• badgeSuccessBackgroundColor
• badgeDestructiveBackgroundColor