Spinner

Spinners are used to indicate that a part of the product is loading or performing a task when the amount of time needed is unknown.

Small

Storybook failed to load.

Large

Storybook failed to load.

Extra large

Storybook failed to load.

bpk-component-spinner

Backpack spinner components.

Installation

Check the main Readme for a complete installation guide.

Usage


                                                
                                                import { BpkSpinner, BpkLargeSpinner, BpkExtraLargeSpinner, SPINNER_TYPES } from '@skyscanner/backpack-web/bpk-component-spinner';
                                                
                                                export default () => (
                                                  <div>
                                                    <BpkSpinner type={SPINNER_TYPES.primary} />
                                                    <BpkLargeSpinner type={SPINNER_TYPES.light} />
                                                    <BpkExtraLargeSpinner type={SPINNER_TYPES.dark} />
                                                  </div>
                                                );

Props

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

Props

Storybook failed to load.