Radio button

A radio button allows a traveller to select a single value from a small set of options.

Default

Storybook failed to load.

Invalid

Storybook failed to load.

White

You can change the label to white for displaying on dark backgrounds.

Storybook failed to load.

bpk-component-radio

Backpack radio button component.

Installation

Check the main Readme for a complete installation guide.

Usage


                                                
                                                import BpkRadio from '@skyscanner/backpack-web/bpk-component-radio';
                                                
                                                export default () => (
                                                  <BpkRadio
                                                    name="return"
                                                    label="Return"
                                                    onChange={() => console.log('radio changed')}
                                                    checked
                                                  />
                                                );

Progressive enhancement

On Internet Explorer 11, radio buttons have the standard built-in appearance.

Props

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

Props

Storybook failed to load.