bpk-component-section-list

    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

    Keywords

    none

    Install

    npm i bpk-component-section-list

    DownloadsWeekly Downloads

    764

    Version

    3.2.9

    License

    Apache-2.0

    Unpacked Size

    34.8 kB

    Total Files

    18

    Last publish

    Collaborators

    • frugoman
    • zgeor
    • anambl
    • marianeumayer-skyscanner
    • ojcurt
    • tiagohngl