bpk-component-flare

Backpack example component.

Installation

Check the main Readme for a complete installation guide.

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 { BpkContentBubble } from '@skyscanner/backpack-web/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