Sha256: 81e89fafa93b5d9117fcd330ffc11f894a08886b99ef78334bb5df7f11579e83

Contents?: true

Size: 1.62 KB

Versions: 94

Compression:

Stored size: 1.62 KB

Contents

import React from 'react'

import { Currency, List, ListItem, Title } from '../../'

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

94 entries across 94 versions & 1 rubygems

Version Path
playbook_ui-9.19.0 app/pb_kits/playbook/pb_list/docs/_list_layout_right.jsx
playbook_ui-9.19.0.pre.alphafonts app/pb_kits/playbook/pb_list/docs/_list_layout_right.jsx
playbook_ui-9.18.0.flow.bin.alpha app/pb_kits/playbook/pb_list/docs/_list_layout_right.jsx
playbook_ui-9.18.0 app/pb_kits/playbook/pb_list/docs/_list_layout_right.jsx
playbook_ui-9.17.0 app/pb_kits/playbook/pb_list/docs/_list_layout_right.jsx
playbook_ui-9.17.0.pre.decouple.website2 app/pb_kits/playbook/pb_list/docs/_list_layout_right.jsx
playbook_ui-9.16.0 app/pb_kits/playbook/pb_list/docs/_list_layout_right.jsx
playbook_ui-9.15.0 app/pb_kits/playbook/pb_list/docs/_list_layout_right.jsx
playbook_ui-9.15.0.pre.decouple.website1 app/pb_kits/playbook/pb_list/docs/_list_layout_right.jsx
playbook_ui-9.14.1.alpha.radio.alignment app/pb_kits/playbook/pb_list/docs/_list_layout_right.jsx
playbook_ui-9.14.1.alpha.highcharts9 app/pb_kits/playbook/pb_list/docs/_list_layout_right.jsx
playbook_ui-9.14.1 app/pb_kits/playbook/pb_list/docs/_list_layout_right.jsx
playbook_ui-9.13.0 app/pb_kits/playbook/pb_list/docs/_list_layout_right.jsx
playbook_ui-9.12.0 app/pb_kits/playbook/pb_list/docs/_list_layout_right.jsx
playbook_ui-9.12.0.pre.text.addon app/pb_kits/playbook/pb_list/docs/_list_layout_right.jsx
playbook_ui-9.11.0 app/pb_kits/playbook/pb_list/docs/_list_layout_right.jsx
playbook_ui-9.10.0 app/pb_kits/playbook/pb_list/docs/_list_layout_right.jsx
playbook_ui-9.10.0.pre.date.time.stacked.1 app/pb_kits/playbook/pb_list/docs/_list_layout_right.jsx
playbook_ui-9.10.0.pre.alpha2 app/pb_kits/playbook/pb_list/docs/_list_layout_right.jsx
playbook_ui-9.10.0.pre.alpha1 app/pb_kits/playbook/pb_list/docs/_list_layout_right.jsx