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