bpk-component-section-list

Backpack section list component.

Installation

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

Usage

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 |