Sha256: 79b9fb96deaf8da74b32c76bb758bb81d2561a9525ad486d56a13413b6ad704e

Contents?: true

Size: 1.67 KB

Versions: 876

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

876 entries across 876 versions & 2 rubygems

Version Path
playbook_ui_docs-13.21.0.pre.alpha.PBNTR238DatePickerYearBug2436 app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.jsx
playbook_ui-13.21.0.pre.alpha.PBNTR238DatePickerYearBug2436 app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.jsx
playbook_ui_docs-13.21.0.pre.alpha.pbntr220improveexpansionspeed2431 app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.jsx
playbook_ui-13.21.0.pre.alpha.pbntr220improveexpansionspeed2431 app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.jsx
playbook_ui_docs-13.21.0.pre.alpha.pbntr220improveexpansionspeed2415 app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.jsx
playbook_ui-13.21.0.pre.alpha.pbntr220improveexpansionspeed2415 app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.jsx
playbook_ui_docs-13.20.0.pre.alpha.play1247htmloptions2404 app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.jsx
playbook_ui-13.20.0.pre.alpha.play1247htmloptions2404 app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.jsx
playbook_ui_docs-13.20.0.pre.alpha.play1247htmloptions2403 app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.jsx
playbook_ui-13.20.0.pre.alpha.play1247htmloptions2403 app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.jsx
playbook_ui_docs-13.20.0.pre.alpha.PLAY12572402 app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.jsx
playbook_ui-13.20.0.pre.alpha.PLAY12572402 app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.jsx
playbook_ui_docs-13.21.0 app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.jsx
playbook_ui-13.21.0 app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.jsx
playbook_ui_docs-13.19.0.pre.alpha.PBNTR211tablekitsubcomponentsreact2318 app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.jsx
playbook_ui-13.19.0.pre.alpha.PBNTR211tablekitsubcomponentsreact2318 app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.jsx