Default

Large

Invalid

Disabled

Docked

With Image

                                                
                                                import BpkSelect from '@skyscanner/backpack-web/bpk-component-select';
                                                
                                                export default () => (
                                                  <BpkSelect
                                                    id="fruits"
                                                    name="fruits"
                                                    value="oranges"
                                                    onChange={(e) => console.log(`select changed to ${e.target.value}`)}
                                                  >
                                                    <option value="apples">Apples</option>
                                                    <option value="oranges">Oranges</option>
                                                    <option value="pears">Pears</option>
                                                  </BpkSelect>
                                                );

                                                
                                                import BpkSelect from '@skyscanner/backpack-web/bpk-component-select';
                                                
                                                export default () => (
                                                  <BpkSelect
                                                    id="fruits"
                                                    name="fruits"
                                                    defaultValue="oranges"
                                                  >
                                                    <option value="apples">Apples</option>
                                                    <option value="oranges">Oranges</option>
                                                    <option value="pears">Pears</option>
                                                  </BpkSelect>
                                                );

Props