Sha256: 9d96b946203adf5455160df0bf8443ca9425f52aa874ce1db95e3e98a4e6fc1e

Contents?: true

Size: 833 Bytes

Versions: 9

Compression:

Stored size: 833 Bytes

Contents

import React from 'react'
import { Image } from '../../'

const RoundedImage = (props) => {
  return (
    <>
      <Image
          rounded
          size="xs"
          url="https://unsplash.it/500/400/?image=634"
          {...props}
      />
      <Image
          rounded
          size="sm"
          url="https://unsplash.it/500/400/?image=634"
          {...props}
      />
      <Image
          rounded
          size="md"
          url="https://unsplash.it/500/400/?image=634"
          {...props}
      />
      <Image
          rounded
          size="lg"
          url="https://unsplash.it/500/400/?image=634"
          {...props}
      />
      <Image
          rounded
          size="xl"
          url="https://unsplash.it/500/400/?image=634"
          {...props}
      />
    </>
  )
}

export default RoundedImage

Version data entries

9 entries across 9 versions & 1 rubygems

Version Path
playbook_ui-7.14.0.pre.alpha1 app/pb_kits/playbook/pb_image/docs/_rounded_image.jsx
playbook_ui-7.16.0 app/pb_kits/playbook/pb_image/docs/_rounded_image.jsx
playbook_ui-7.15.1 app/pb_kits/playbook/pb_image/docs/_rounded_image.jsx
playbook_ui-7.15.0 app/pb_kits/playbook/pb_image/docs/_rounded_image.jsx
playbook_ui-7.14.0 app/pb_kits/playbook/pb_image/docs/_rounded_image.jsx
playbook_ui-7.13.0.pre.alpha1 app/pb_kits/playbook/pb_image/docs/_rounded_image.jsx
playbook_ui-7.13.0 app/pb_kits/playbook/pb_image/docs/_rounded_image.jsx
playbook_ui-7.12.1 app/pb_kits/playbook/pb_image/docs/_rounded_image.jsx
playbook_ui-7.12.0 app/pb_kits/playbook/pb_image/docs/_rounded_image.jsx