Default

When the href or onClick prop is provided, section list items get a chevron icon to indicate they lead somewhere.

                                                
                                                import BpkSectionList, { BpkSectionListSection, BpkSectionListItem } from '@skyscanner/backpack-web/bpk-component-section-list';
                                                
                                                export default () => (
                                                  <BpkSectionList>
                                                    <BpkSectionListSection headerText="Cities">
                                                      <BpkSectionListItem>Tokyo</BpkSectionListItem>
                                                      <BpkSectionListItem onClick={() => {}}>Rio de Janeiro</BpkSectionListItem>
                                                      <BpkSectionListItem href="#">London</BpkSectionListItem>
                                                    </BpkSectionListSection>
                                                  </BpkSectionList>
                                                );

Props