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 |