# bpk-component-section-list

> Backpack section list component.

## Installation

```sh
npm install bpk-component-section-list --save-dev
```

## Usage

```js
import React from 'react';
import BpkSectionList, { BpkSectionListSection, BpkSectionListItem } from '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

### BpkSectionList

| Property              | PropType                      | Required | Default Value |
| --------------------- | ----------------------------- | -------- | ------------- |
| children              | node                          | true     | -             |

### BpkSectionListSection

| Property              | PropType                      | Required | Default Value |
| --------------------- | ----------------------------- | -------- | ------------- |
| children              | node                          | true     | -             |
| headerText            | string                        | false    | null          |


### BpkSectionListItem

| Property              | PropType                      | Required | Default Value |
| --------------------- | ----------------------------- | -------- | ------------- |
| children              | node                          | true     | -             |
| blank                 | bool                          | false    | false         |
| className             | string                        | false    | null          |
| href                  | string                        | false    | null          |
| onClick               | func                          | false    | null          |