Sha256: 79b9fb96deaf8da74b32c76bb758bb81d2561a9525ad486d56a13413b6ad704e

Contents?: true

Size: 1.67 KB

Versions: 874

Compression:

Stored size: 1.67 KB

Contents

import React from 'react'

import Table from '../_table'

const TableWithSubcomponentsAsDivs = (props) => {
  return (
    <Table
        size="sm"
        tag="div"
        {...props}
    >
      <Table.Head tag="div">
        <Table.Row tag="div">
          <Table.Header tag="div">{'Column 1'}</Table.Header>
          <Table.Header tag="div">{'Column 2'}</Table.Header>
          <Table.Header tag="div">{'Column 3'}</Table.Header>
          <Table.Header tag="div">{'Column 4'}</Table.Header>
          <Table.Header tag="div">{'Column 5'}</Table.Header>
        </Table.Row>
      </Table.Head>
      <Table.Body tag="div">
        <Table.Row tag="div">
          <Table.Cell tag="div">{'Value 1'}</Table.Cell>
          <Table.Cell tag="div">{'Value 2'}</Table.Cell>
          <Table.Cell tag="div">{'Value 3'}</Table.Cell>
          <Table.Cell tag="div">{'Value 4'}</Table.Cell>
          <Table.Cell tag="div">{'Value 5'}</Table.Cell>
        </Table.Row>
        <Table.Row tag="div">
          <Table.Cell tag="div">{'Value 1'}</Table.Cell>
          <Table.Cell tag="div">{'Value 2'}</Table.Cell>
          <Table.Cell tag="div">{'Value 3'}</Table.Cell>
          <Table.Cell tag="div">{'Value 4'}</Table.Cell>
          <Table.Cell tag="div">{'Value 5'}</Table.Cell>
        </Table.Row>
        <Table.Row>
          <Table.Cell tag="div">{'Value 1'}</Table.Cell>
          <Table.Cell tag="div">{'Value 2'}</Table.Cell>
          <Table.Cell tag="div">{'Value 3'}</Table.Cell>
          <Table.Cell tag="div">{'Value 4'}</Table.Cell>
          <Table.Cell tag="div">{'Value 5'}</Table.Cell>
        </Table.Row>
      </Table.Body>
    </Table>
  )
}

export default TableWithSubcomponentsAsDivs

Version data entries

874 entries across 874 versions & 2 rubygems

Version Path
playbook_ui-14.9.0 app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.jsx
playbook_ui_docs-14.9.0.pre.rc.18 app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.jsx
playbook_ui-14.9.0.pre.rc.18 app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.jsx
playbook_ui_docs-14.9.0.pre.rc.17 app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.jsx
playbook_ui-14.9.0.pre.rc.17 app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.jsx
playbook_ui_docs-14.9.0.pre.rc.16 app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.jsx
playbook_ui-14.9.0.pre.rc.16 app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.jsx
playbook_ui_docs-14.9.0.pre.rc.15 app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.jsx
playbook_ui-14.9.0.pre.rc.15 app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.jsx
playbook_ui_docs-14.9.0.pre.rc.14 app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.jsx
playbook_ui-14.9.0.pre.rc.14 app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.jsx
playbook_ui_docs-14.9.0.pre.rc.13 app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.jsx
playbook_ui-14.9.0.pre.rc.13 app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.jsx
playbook_ui_docs-14.9.0.pre.rc.12 app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.jsx
playbook_ui-14.9.0.pre.rc.12 app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.jsx
playbook_ui_docs-14.9.0.pre.rc.11 app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.jsx
playbook_ui-14.9.0.pre.rc.11 app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.jsx
playbook_ui_docs-14.9.0.pre.rc.10 app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.jsx
playbook_ui-14.9.0.pre.rc.10 app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.jsx
playbook_ui_docs-14.8.0.pre.alpha.PBNTR713dropdowncustomtriggerbug4696 app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.jsx