Noodles, Poodles and More!

    bpk-component-table

    3.1.8 • Public • Published

    bpk-component-table

    Backpack table component.

    Installation

    npm install bpk-component-table --save-dev

    Usage

    import React from 'react';
    import {
      BpkTable,
      BpkTableHead,
      BpkTableBody,
      BpkTableRow,
      BpkTableCell,
      BpkTableHeadCell,
    } from 'bpk-component-table';
    
    export default () => (
      <BpkTable>
        <BpkTableHead>
          <BpkTableRow>
            <BpkTableHeadCell>Heading 1</BpkTableHeadCell>
            <BpkTableHeadCell>Heading 2</BpkTableHeadCell>
            <BpkTableHeadCell>Heading 3</BpkTableHeadCell>
            <BpkTableHeadCell>Heading 4</BpkTableHeadCell>
          </BpkTableRow>
        </BpkTableHead>
        <BpkTableBody>
          <BpkTableRow>
            <BpkTableCell>Row 1, Data 1</BpkTableCell>
            <BpkTableCell>Row 1, Data 2</BpkTableCell>
            <BpkTableCell>Row 1, Data 3</BpkTableCell>
            <BpkTableCell>Row 1, Data 4</BpkTableCell>
          </BpkTableRow>
          <BpkTableRow>
            <BpkTableCell>Row 2, Data 1</BpkTableCell>
            <BpkTableCell>Row 2, Data 2</BpkTableCell>
            <BpkTableCell>Row 2, Data 3</BpkTableCell>
            <BpkTableCell>Row 2, Data 4</BpkTableCell>
          </BpkTableRow>
        </BpkTableBody>
      </BpkTable>
    );

    Props

    For BpkTableHead, BpkTableBody, BpkTableRow & BpkTableCell .

    Property PropType Required Default Value
    children node true -

    For BpkTable & BpkTableHeadCell.

    Property PropType Required Default Value
    children node true -
    alternate bool false false

    Keywords

    none

    Install

    npm i bpk-component-table

    DownloadsWeekly Downloads

    1,679

    Version

    3.1.8

    License

    Apache-2.0

    Unpacked Size

    41.2 kB

    Total Files

    25

    Last publish

    Collaborators

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