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-12.7.1.pre.alpha.rubyandnpmalpharelease292 app/pb_kits/playbook/pb_list/docs/_list_layout_right.jsx
playbook_ui-12.7.1.pre.alpha.rubyandnpmalpharelease291 app/pb_kits/playbook/pb_list/docs/_list_layout_right.jsx
playbook_ui-12.7.1.pre.alpha.alpharubyrelease281 app/pb_kits/playbook/pb_list/docs/_list_layout_right.jsx
playbook_ui-12.7.1.pre.alpha.menu2 app/pb_kits/playbook/pb_list/docs/_list_layout_right.jsx
playbook_ui-12.7.1.pre.alpha.menu1 app/pb_kits/playbook/pb_list/docs/_list_layout_right.jsx
playbook_ui-12.7.1 app/pb_kits/playbook/pb_list/docs/_list_layout_right.jsx
playbook_ui-12.7.0 app/pb_kits/playbook/pb_list/docs/_list_layout_right.jsx
playbook_ui-12.6.0.pre.alpha.sectionseparator1 app/pb_kits/playbook/pb_list/docs/_list_layout_right.jsx
playbook_ui-12.6.0.pre.alpha.menuyml1 app/pb_kits/playbook/pb_list/docs/_list_layout_right.jsx
playbook_ui-12.6.0.pre.alpha.collapsible1 app/pb_kits/playbook/pb_list/docs/_list_layout_right.jsx
playbook_ui-12.6.0.pre.alpha.cssphone1 app/pb_kits/playbook/pb_list/docs/_list_layout_right.jsx
playbook_ui-12.6.0 app/pb_kits/playbook/pb_list/docs/_list_layout_right.jsx
playbook_ui-12.5.0.pre.alpha.datepickerinput1 app/pb_kits/playbook/pb_list/docs/_list_layout_right.jsx
playbook_ui-12.5.0.pre.alpha.phonerails1 app/pb_kits/playbook/pb_list/docs/_list_layout_right.jsx
playbook_ui-12.5.0.pre.alpha.datepicker1 app/pb_kits/playbook/pb_list/docs/_list_layout_right.jsx
playbook_ui-12.5.0.pre.alpha.filter1 app/pb_kits/playbook/pb_list/docs/_list_layout_right.jsx
playbook_ui-12.5.0 app/pb_kits/playbook/pb_list/docs/_list_layout_right.jsx
playbook_ui-12.4.0.pre.alpha.map1 app/pb_kits/playbook/pb_list/docs/_list_layout_right.jsx
playbook_ui-12.4.0.pre.alpha.devdocstest1 app/pb_kits/playbook/pb_list/docs/_list_layout_right.jsx
playbook_ui-12.4.0 app/pb_kits/playbook/pb_list/docs/_list_layout_right.jsx