Sha256: d92ec6e2c2afb002c33a4cee70074ceba7b0724e449aaf6aca2aa51905476d2f

Contents?: true

Size: 1.77 KB

Versions: 1919

Compression:

Stored size: 1.77 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 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

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

Version Path
playbook_ui-10.23.0.pre.alpha2 app/pb_kits/playbook/pb_list/docs/_list_layout_left.jsx
playbook_ui-10.23.0.pre.cachetest app/pb_kits/playbook/pb_list/docs/_list_layout_left.jsx
playbook_ui-10.23.0.pre.alpha1 app/pb_kits/playbook/pb_list/docs/_list_layout_left.jsx
playbook_ui-10.22.1 app/pb_kits/playbook/pb_list/docs/_list_layout_left.jsx
playbook_ui-10.22.0 app/pb_kits/playbook/pb_list/docs/_list_layout_left.jsx
playbook_ui-10.21.1.pre.alpha1 app/pb_kits/playbook/pb_list/docs/_list_layout_left.jsx
playbook_ui-10.21.0.pre.alpha.lightbox.2 app/pb_kits/playbook/pb_list/docs/_list_layout_left.jsx
playbook_ui-10.21.0 app/pb_kits/playbook/pb_list/docs/_list_layout_left.jsx
playbook_ui-10.21.0.pre.alpha.lightbox app/pb_kits/playbook/pb_list/docs/_list_layout_left.jsx
playbook_ui-10.21.0.pre.alpha.rg1 app/pb_kits/playbook/pb_list/docs/_list_layout_left.jsx
playbook_ui-10.21.0.pre.alpha.jg1 app/pb_kits/playbook/pb_list/docs/_list_layout_left.jsx
playbook_ui-10.21.0.pre.alpha.na1 app/pb_kits/playbook/pb_list/docs/_list_layout_left.jsx
playbook_ui-10.21.0.pre.alpha.jd1 app/pb_kits/playbook/pb_list/docs/_list_layout_left.jsx
playbook_ui-10.20.0 app/pb_kits/playbook/pb_list/docs/_list_layout_left.jsx
playbook_ui-10.19.0 app/pb_kits/playbook/pb_list/docs/_list_layout_left.jsx
playbook_ui-10.19.0.pre.lightbox app/pb_kits/playbook/pb_list/docs/_list_layout_left.jsx
playbook_ui-10.18.2 app/pb_kits/playbook/pb_list/docs/_list_layout_left.jsx
playbook_ui-10.19.0.pre.popover.alpha1 app/pb_kits/playbook/pb_list/docs/_list_layout_left.jsx
playbook_ui-10.18.1 app/pb_kits/playbook/pb_list/docs/_list_layout_left.jsx
playbook_ui-10.18.0 app/pb_kits/playbook/pb_list/docs/_list_layout_left.jsx