Sha256: 6e828646a28823320435ef442c57a112480ab10e5dbbbb8fa418d9a957de04cf

Contents?: true

Size: 1.72 KB

Versions: 1919

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,919 entries across 1,919 versions & 2 rubygems

Version Path
playbook_ui_docs-14.11.1.pre.alpha.PLAY17445539 app/pb_kits/playbook/pb_list/docs/_list_layout_right.jsx
playbook_ui-14.11.1.pre.alpha.PLAY17445539 app/pb_kits/playbook/pb_list/docs/_list_layout_right.jsx
playbook_ui_docs-14.11.1.pre.alpha.PBNTR798datepickerturbo5537 app/pb_kits/playbook/pb_list/docs/_list_layout_right.jsx
playbook_ui-14.11.1.pre.alpha.PBNTR798datepickerturbo5537 app/pb_kits/playbook/pb_list/docs/_list_layout_right.jsx
playbook_ui_docs-14.11.1.pre.alpha.pbntr703collapsiblerowsrails5536 app/pb_kits/playbook/pb_list/docs/_list_layout_right.jsx
playbook_ui-14.11.1.pre.alpha.pbntr703collapsiblerowsrails5536 app/pb_kits/playbook/pb_list/docs/_list_layout_right.jsx
playbook_ui_docs-14.11.1.pre.alpha.PLAY1751pbcontenttagpt25529 app/pb_kits/playbook/pb_list/docs/_list_layout_right.jsx
playbook_ui-14.11.1.pre.alpha.PLAY1751pbcontenttagpt25529 app/pb_kits/playbook/pb_list/docs/_list_layout_right.jsx
playbook_ui_docs-14.11.1.pre.alpha.PBNTR7495495 app/pb_kits/playbook/pb_list/docs/_list_layout_right.jsx
playbook_ui-14.11.1.pre.alpha.PBNTR7495495 app/pb_kits/playbook/pb_list/docs/_list_layout_right.jsx
playbook_ui_docs-14.12.0.pre.rc.11 app/pb_kits/playbook/pb_list/docs/_list_layout_right.jsx
playbook_ui-14.12.0.pre.rc.11 app/pb_kits/playbook/pb_list/docs/_list_layout_right.jsx
playbook_ui_docs-14.12.0.pre.rc.10 app/pb_kits/playbook/pb_list/docs/_list_layout_right.jsx
playbook_ui-14.12.0.pre.rc.10 app/pb_kits/playbook/pb_list/docs/_list_layout_right.jsx
playbook_ui_docs-14.12.0.pre.rc.9 app/pb_kits/playbook/pb_list/docs/_list_layout_right.jsx
playbook_ui-14.12.0.pre.rc.9 app/pb_kits/playbook/pb_list/docs/_list_layout_right.jsx
playbook_ui_docs-14.12.0.pre.rc.8 app/pb_kits/playbook/pb_list/docs/_list_layout_right.jsx
playbook_ui-14.12.0.pre.rc.8 app/pb_kits/playbook/pb_list/docs/_list_layout_right.jsx
playbook_ui_docs-14.12.0.pre.rc.7 app/pb_kits/playbook/pb_list/docs/_list_layout_right.jsx
playbook_ui-14.12.0.pre.rc.7 app/pb_kits/playbook/pb_list/docs/_list_layout_right.jsx