bpk-component-section-list-css

3.2.9 • Public • Published

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

Readme

Keywords

none

Package Sidebar

Install

npm i bpk-component-section-list-css

Weekly Downloads

7

Version

3.2.9

License

Apache-2.0

Unpacked Size

23.5 kB

Total Files

17

Last publish

Collaborators

  • k0nserv
  • shaundon
  • georgegillams
  • tiagohngl
  • ojcurt