bpk-component-flare
Backpack example component.
Installation
npm install bpk-component-flare --save-devUsage
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 |