List

The list component enables you to easily create ordered or unordered lists.

Unordered

Storybook failed to load.

Ordered

Storybook failed to load.

Nested

Storybook failed to load.

bpk-component-list

Backpack list component.

Installation

Check the main Readme for a complete installation guide.

Usage


                                                
                                                import { BpkList, BpkListItem } from '@skyscanner/backpack-web/bpk-component-list';
                                                
                                                export default () => (
                                                  <BpkList>
                                                    <BpkListItem>Apples</BpkListItem>
                                                    <BpkListItem>
                                                      Oranges
                                                      <BpkList ordered>
                                                        <BpkListItem>Tangerines</BpkListItem>
                                                        <BpkListItem>Nectarines</BpkListItem>
                                                        <BpkListItem>Satsuma</BpkListItem>
                                                      </BpkList>
                                                    </BpkListItem>
                                                    <BpkListItem>Pears</BpkListItem>
                                                  </BpkList>
                                                );

Props

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

Props

Storybook failed to load.