Sha256: 71ebe2b9aab1345ef7734adbed46ee01a446b973d7588cf6383e31d374bb52b4

Contents?: true

Size: 1.37 KB

Versions: 112

Compression:

Stored size: 1.37 KB

Contents

import React from 'react'

import Table from '../_table'

const TableAlignmentShiftData = (props) => {
  return (
    <Table
        {...props}
    >
      <thead>
        <tr>
          <th>&nbsp;</th>
          <th>{'Price'}</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td shift="down">{'Total'}</td>
          <td>
            {'$12'}
            <br />
            {'$46'}
            <br />
            {'$25'}
            <br />
            {'-------'}
            <br />
            {'$83'}
          </td>
        </tr>
      </tbody>
      <thead>
        <tr>
          <th>{'Espresso Drinks'}</th>
          <th>{'Ingredients'}</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td shift="up">{'Cappuccino'}</td>
          <td>
            {'Espresso'}
            <br />
            {'Steamed Milk'}
            <br />
            {'Milk Foam'}
          </td>
        </tr>
        <tr>
          <td shift="up">{'Macchiato'}</td>
          <td>
            {'Espresso'}
            <br />
            {'Steamed Milk'}
          </td>
        </tr>
        <tr>
          <td shift="up">{'Mocha'}</td>
          <td>
            {'Espresso'}
            <br />
            {'Hot Chocolate'}
            <br />
            {'Steamed Milk'}
          </td>
        </tr>
      </tbody>
    </Table>
  )
}

export default TableAlignmentShiftData

Version data entries

112 entries across 112 versions & 1 rubygems

Version Path
playbook_ui-11.7.0.pre.alpha.table1 app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_data.jsx
playbook_ui-11.7.0 app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_data.jsx
playbook_ui-11.6.0.pre.alpha.fontawesome app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_data.jsx
playbook_ui-11.5.0.pre.alpha.fontawesome app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_data.jsx
playbook_ui-11.7.0.pre.alpha.pre.guagechart1 app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_data.jsx
playbook_ui-11.6.0 app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_data.jsx
playbook_ui-11.5.0.pre.alpha.datepicker1 app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_data.jsx
playbook_ui-11.6.0.pre.alpha.rubocopperf1 app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_data.jsx
playbook_ui-11.6.1.pre.alpha.rubocop.pre.performance1 app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_data.jsx
playbook_ui-11.5.0.pre.alpha.pre.rubocop app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_data.jsx
playbook_ui-11.6.0.pre.alpha.momenttz1 app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_data.jsx
playbook_ui-11.5.0 app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_data.jsx
playbook_ui-11.4.0.pre.alpha.rubytheme2 app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_data.jsx
playbook_ui-11.4.0.pre.alpha.rubytheme1 app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_data.jsx
playbook_ui-11.4.0 app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_data.jsx
playbook_ui-11.3.0.pre.alpha2 app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_data.jsx
playbook_ui-11.3.0.pre.alpha1 app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_data.jsx
playbook_ui-11.3.0 app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_data.jsx
playbook_ui-11.2.7 app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_data.jsx
playbook_ui-11.2.6 app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_data.jsx