Sha256: 6e828646a28823320435ef442c57a112480ab10e5dbbbb8fa418d9a957de04cf

Contents?: true

Size: 1.72 KB

Versions: 1978

Compression:

Stored size: 1.72 KB

Contents

import React from 'react'

import List from '../_list'
import ListItem from '../_list_item'

import Currency from '../../pb_currency/_currency'
import Title from '../../pb_title/_title'

const ListLayoutRight = (props) => {
  return (
    <>
      <List
          layout="right"
          {...props}
      >
        <ListItem>
          <Title
              size={4}
              text="Label"
              {...props}
          />
          <Currency
              amount="2,000.50"
              label="Caption"
              size="sm"
              {...props}
          />
        </ListItem>

        <ListItem>
          <Title
              size={4}
              text="Label"
              {...props}
          />
          <Currency
              amount="2,000.50"
              label="Caption"
              size="sm"
              {...props}
          />
        </ListItem>

        <ListItem>
          <Title
              size={4}
              text="Label"
              {...props}
          />
          <Currency
              amount="2,000.50"
              label="Caption"
              size="sm"
              {...props}
          />
        </ListItem>

        <ListItem>
          <Title
              size={4}
              text="Label"
              {...props}
          />
          <Currency
              amount="2,000.50"
              label="Caption"
              size="sm"
              {...props}
          />
        </ListItem>

        <ListItem>
          <Title
              size={4}
              text="Label"
          />
          <Currency
              amount="2,000.50"
              label="Caption"
              size="sm"
          />
        </ListItem>
      </List>
    </>
  )
}

export default ListLayoutRight

Version data entries

1,978 entries across 1,978 versions & 2 rubygems

Version Path
playbook_ui-11.16.0 app/pb_kits/playbook/pb_list/docs/_list_layout_right.jsx
playbook_ui-11.16.0.pre.alpha.reactupgrade1 app/pb_kits/playbook/pb_list/docs/_list_layout_right.jsx
playbook_ui-11.15.0.pre.alpha.table1 app/pb_kits/playbook/pb_list/docs/_list_layout_right.jsx
playbook_ui-11.16.0.pre.alpha.pagination.rails1 app/pb_kits/playbook/pb_list/docs/_list_layout_right.jsx
playbook_ui-11.15.0 app/pb_kits/playbook/pb_list/docs/_list_layout_right.jsx
playbook_ui-11.14.0 app/pb_kits/playbook/pb_list/docs/_list_layout_right.jsx
playbook_ui-11.13.0.pre.alpha.fontawesome1 app/pb_kits/playbook/pb_list/docs/_list_layout_right.jsx
playbook_ui-11.13.0 app/pb_kits/playbook/pb_list/docs/_list_layout_right.jsx
playbook_ui-11.12.1.pre.alpha.charts1 app/pb_kits/playbook/pb_list/docs/_list_layout_right.jsx
playbook_ui-11.12.1.pre.alpha.passphrase1 app/pb_kits/playbook/pb_list/docs/_list_layout_right.jsx
playbook_ui-11.12.1 app/pb_kits/playbook/pb_list/docs/_list_layout_right.jsx
playbook_ui-11.13.0.pre.alpha.fileupload1 app/pb_kits/playbook/pb_list/docs/_list_layout_right.jsx
playbook_ui-11.12.0 app/pb_kits/playbook/pb_list/docs/_list_layout_right.jsx
playbook_ui-11.11.0.pre.alpha.paginate2 app/pb_kits/playbook/pb_list/docs/_list_layout_right.jsx
playbook_ui-11.11.0.pre.alpha.dialog2 app/pb_kits/playbook/pb_list/docs/_list_layout_right.jsx
playbook_ui-11.11.0.pre.alpha.paginate1 app/pb_kits/playbook/pb_list/docs/_list_layout_right.jsx
playbook_ui-11.11.0.pre.alpha.renderer1 app/pb_kits/playbook/pb_list/docs/_list_layout_right.jsx
playbook_ui-11.11.0.pre.alpha.dialog1 app/pb_kits/playbook/pb_list/docs/_list_layout_right.jsx
playbook_ui-11.11.0 app/pb_kits/playbook/pb_list/docs/_list_layout_right.jsx
playbook_ui-11.10.0.pre.alpha.pre.bold1 app/pb_kits/playbook/pb_list/docs/_list_layout_right.jsx