Default

The switch component uses a regular HTML checkbox behind the scenes to maintain semantic markup and good accessibility.

Small

                                                
                                                import BpkSwitch from '@skyscanner/backpack-web/bpk-component-switch';
                                                
                                                export default () => (
                                                  <div>
                                                    <BpkSwitch label="Switched on" checked />
                                                    <BpkSwitch label="Turned off" />
                                                  </div>
                                                )

Props