Flare

The flare enables you to display content with a pointer to directional content.

Default

Storybook failed to load.

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

Check out the full list of props on Skyscanner's design system documentation website.

Props

Storybook failed to load.