Sha256: 79b9fb96deaf8da74b32c76bb758bb81d2561a9525ad486d56a13413b6ad704e

Contents?: true

Size: 1.67 KB

Versions: 880

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

880 entries across 880 versions & 2 rubygems

Version Path
playbook_ui_docs-13.24.0.pre.alpha.PBNTR261NewKitDropdown2681 app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.jsx
playbook_ui-13.24.0.pre.alpha.PBNTR261NewKitDropdown2681 app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.jsx
playbook_ui_docs-13.24.0.pre.alpha.PLAY1181circleiconkitfixsizingerrorglobalspacingprops2675 app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.jsx
playbook_ui-13.24.0.pre.alpha.PLAY1181circleiconkitfixsizingerrorglobalspacingprops2675 app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.jsx
playbook_ui_docs-13.24.0.pre.alpha.PLAY998backgroundkitremoveemptyinlinline2666 app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.jsx
playbook_ui-13.24.0.pre.alpha.PLAY998backgroundkitremoveemptyinlinline2666 app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.jsx
playbook_ui_docs-13.23.0.pre.alpha.PLAY1284investigation2657 app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.jsx
playbook_ui-13.23.0.pre.alpha.PLAY1284investigation2657 app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.jsx
playbook_ui_docs-13.24.0 app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.jsx
playbook_ui-13.24.0 app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.jsx
playbook_ui_docs-13.22.0.pre.alpha.pbntr254barchartnegativenumber2640 app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.jsx
playbook_ui-13.22.0.pre.alpha.pbntr254barchartnegativenumber2640 app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.jsx
playbook_ui_docs-13.22.0.pre.alpha.PLAY1297updatetextstyles2636 app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.jsx
playbook_ui-13.22.0.pre.alpha.PLAY1297updatetextstyles2636 app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.jsx
playbook_ui_docs-13.22.0.pre.alpha.playbookgemspecrailsversion2608 app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.jsx
playbook_ui-13.22.0.pre.alpha.playbookgemspecrailsversion2608 app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.jsx
playbook_ui_docs-13.23.0 app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.jsx
playbook_ui-13.23.0 app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.jsx
playbook_ui_docs-13.21.0.pre.alpha.PLAY12582531 app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.jsx
playbook_ui-13.21.0.pre.alpha.PLAY12582531 app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.jsx