Sha256: 79b9fb96deaf8da74b32c76bb758bb81d2561a9525ad486d56a13413b6ad704e

Contents?: true

Size: 1.67 KB

Versions: 853

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

853 entries across 853 versions & 2 rubygems

Version Path
playbook_ui_docs-14.9.0.pre.rc.9 app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.jsx
playbook_ui-14.9.0.pre.rc.9 app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.jsx
playbook_ui_docs-14.8.0.pre.alpha.PLAY1680newwidthprop4661 app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.jsx
playbook_ui-14.8.0.pre.alpha.PLAY1680newwidthprop4661 app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.jsx
playbook_ui_docs-14.8.0.pre.alpha.PLAY1658tanstackbump4657 app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.jsx
playbook_ui-14.8.0.pre.alpha.PLAY1658tanstackbump4657 app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.jsx
playbook_ui_docs-14.8.0.pre.alpha.PLAY1649rolloutheightglobalprops4635 app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.jsx
playbook_ui-14.8.0.pre.alpha.PLAY1649rolloutheightglobalprops4635 app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.jsx
playbook_ui_docs-14.9.0.pre.rc.8 app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.jsx
playbook_ui-14.9.0.pre.rc.8 app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.jsx
playbook_ui_docs-14.8.0.pre.alpha.PLAY1598floatinguiupgrade4617 app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.jsx
playbook_ui-14.8.0.pre.alpha.PLAY1598floatinguiupgrade4617 app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.jsx
playbook_ui_docs-14.9.0.pre.rc.7 app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.jsx
playbook_ui-14.9.0.pre.rc.7 app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.jsx
playbook_ui_docs-14.9.0.pre.rc.6 app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.jsx
playbook_ui-14.9.0.pre.rc.6 app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.jsx
playbook_ui_docs-14.9.0.pre.rc.5 app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.jsx
playbook_ui-14.9.0.pre.rc.5 app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.jsx
playbook_ui_docs-14.8.0.pre.alpha.pbntr661createstickyleftprop4612 app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.jsx
playbook_ui-14.8.0.pre.alpha.pbntr661createstickyleftprop4612 app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.jsx