bpk-component-flare

Backpack example component.

Installation

npm install bpk-component-flare --save-dev

Usage

Note that the default background color is white. You will need to apply a custom className if you wish to change this.

React components

import React from 'react';
import { BpkContentBubble } from 'bpk-component-flare';

export default MyComponent = () => (
  <div>
      <BpkContentBubble
      className="myCustomClassName"
      showPointer={false}
      rounded={false}
      content={...}
      />
  </div>
)

Props

BpkContentBubble

| Property | PropType | Required | Default Value | | ---------------- | ---------------------------------------- | -------- | ------------- | | className | string | false | null | | content | node | false | null | | contentClassName | string | false | null | | flareProps | object - see BpkFlareBar | false | null | | showPointer | bool | false | true |

BpkFlareBar

| Property | PropType | Required | Default Value | | ------------ | -------- | -------- | ------------- | | className | string | false | null | | svgClassName | string | false | null |