bpk-component-section-list-css

Backpack section list component.

Usage no npm install needed!

<script type="module">
  import bpkComponentSectionListCss from 'https://cdn.skypack.dev/bpk-component-section-list-css';
</script>

README

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