bpk-component-section-list-css

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