Sha256: eca52e517297252e4adce51d5b8234e40a53490cdeac80ef4fbd1271401b5b92

Contents?: true

Size: 1.67 KB

Versions: 94

Compression:

Stored size: 1.67 KB

Contents

import React from 'react'

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

const ListLayoutLeft = (props) => {
  return (
    <>
      <List
          layout="left"
          {...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"
              {...props}
          />
          <Currency
              amount="2,000.50"
              label="Caption"
              size="sm"
              {...props}
          />
        </ListItem>
      </List>
    </>
  )
}

export default ListLayoutLeft

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_left.jsx
playbook_ui-9.19.0.pre.alphafonts app/pb_kits/playbook/pb_list/docs/_list_layout_left.jsx
playbook_ui-9.18.0.flow.bin.alpha app/pb_kits/playbook/pb_list/docs/_list_layout_left.jsx
playbook_ui-9.18.0 app/pb_kits/playbook/pb_list/docs/_list_layout_left.jsx
playbook_ui-9.17.0 app/pb_kits/playbook/pb_list/docs/_list_layout_left.jsx
playbook_ui-9.17.0.pre.decouple.website2 app/pb_kits/playbook/pb_list/docs/_list_layout_left.jsx
playbook_ui-9.16.0 app/pb_kits/playbook/pb_list/docs/_list_layout_left.jsx
playbook_ui-9.15.0 app/pb_kits/playbook/pb_list/docs/_list_layout_left.jsx
playbook_ui-9.15.0.pre.decouple.website1 app/pb_kits/playbook/pb_list/docs/_list_layout_left.jsx
playbook_ui-9.14.1.alpha.radio.alignment app/pb_kits/playbook/pb_list/docs/_list_layout_left.jsx
playbook_ui-9.14.1.alpha.highcharts9 app/pb_kits/playbook/pb_list/docs/_list_layout_left.jsx
playbook_ui-9.14.1 app/pb_kits/playbook/pb_list/docs/_list_layout_left.jsx
playbook_ui-9.13.0 app/pb_kits/playbook/pb_list/docs/_list_layout_left.jsx
playbook_ui-9.12.0 app/pb_kits/playbook/pb_list/docs/_list_layout_left.jsx
playbook_ui-9.12.0.pre.text.addon app/pb_kits/playbook/pb_list/docs/_list_layout_left.jsx
playbook_ui-9.11.0 app/pb_kits/playbook/pb_list/docs/_list_layout_left.jsx
playbook_ui-9.10.0 app/pb_kits/playbook/pb_list/docs/_list_layout_left.jsx
playbook_ui-9.10.0.pre.date.time.stacked.1 app/pb_kits/playbook/pb_list/docs/_list_layout_left.jsx
playbook_ui-9.10.0.pre.alpha2 app/pb_kits/playbook/pb_list/docs/_list_layout_left.jsx
playbook_ui-9.10.0.pre.alpha1 app/pb_kits/playbook/pb_list/docs/_list_layout_left.jsx