Sha256: 8db0481275f086a249fffa595e505c4783b004a8427a8d63afec216bfb1d3374

Contents?: true

Size: 1.66 KB

Versions: 759

Compression:

Stored size: 1.66 KB

Contents

import React from 'react'

import Table from '../_table'

const TableAlignmentColumn = (props) => {
  return (
    <Table
        {...props}
    >
        <Table.Head>
            <Table.Row>
                <Table.Header>{'Column 1'}</Table.Header>
                <Table.Header>{'Column 2'}</Table.Header>
                <Table.Header>{'Column 3'}</Table.Header>
                <Table.Header textAlign="center">{'Rating'}</Table.Header>
                <Table.Header textAlign="right">{'Money'}</Table.Header>
            </Table.Row>
        </Table.Head>
        <Table.Body>
            <Table.Row>
                <Table.Cell>{'Value 1'}</Table.Cell>
                <Table.Cell>{'Value 2'}</Table.Cell>
                <Table.Cell>{'Value 3'}</Table.Cell>
                <Table.Cell textAlign="center">{'3'}</Table.Cell>
                <Table.Cell textAlign="right">{'$57.32'}</Table.Cell>
            </Table.Row>
            <Table.Row>
                <Table.Cell>{'Value 1'}</Table.Cell>
                <Table.Cell>{'Value 2'}</Table.Cell>
                <Table.Cell>{'Value 3'}</Table.Cell>
                <Table.Cell textAlign="center">{'2'}</Table.Cell>
                <Table.Cell textAlign="right">{'$5,657.08'}</Table.Cell>
            </Table.Row>
            <Table.Row>
                <Table.Cell>{'Value 1'}</Table.Cell>
                <Table.Cell>{'Value 2'}</Table.Cell>
                <Table.Cell>{'Value 3'}</Table.Cell>
                <Table.Cell textAlign="center">{'4'}</Table.Cell>
                <Table.Cell textAlign="right">{'$358.77'}</Table.Cell>
            </Table.Row>
        </Table.Body>
    </Table>

  )
}

export default TableAlignmentColumn

Version data entries

759 entries across 759 versions & 2 rubygems

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