bpk-component-flare

Backpack FlareBar and ContentBubble component.

Usage no npm install needed!

<script type="module">
  import bpkComponentFlare from 'https://cdn.skypack.dev/bpk-component-flare';
</script>

README

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