Sha256: 07a9d700d6604383cbbba2fb2c6833ff7ef69d9b3581a23631332cd45bc6728b

Contents?: true

Size: 1.1 KB

Versions: 1875

Compression:

Stored size: 1.1 KB

Contents

import React from 'react'

import Image from '../_image'

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

export default RoundedImage

Version data entries

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

Version Path
playbook_ui-11.10.0.pre.alpha.pre.bold1 app/pb_kits/playbook/pb_image/docs/_rounded_image.jsx
playbook_ui-11.10.0.pre.alpha.pagination1 app/pb_kits/playbook/pb_image/docs/_rounded_image.jsx
playbook_ui-11.10.0 app/pb_kits/playbook/pb_image/docs/_rounded_image.jsx
playbook_ui-11.9.0 app/pb_kits/playbook/pb_image/docs/_rounded_image.jsx
playbook_ui-11.9.0.pre.alpha.fileupload1 app/pb_kits/playbook/pb_image/docs/_rounded_image.jsx
playbook_ui-11.8.1 app/pb_kits/playbook/pb_image/docs/_rounded_image.jsx
playbook_ui-11.8.0 app/pb_kits/playbook/pb_image/docs/_rounded_image.jsx
playbook_ui-11.7.0.pre.alpha.table1 app/pb_kits/playbook/pb_image/docs/_rounded_image.jsx
playbook_ui-11.7.0 app/pb_kits/playbook/pb_image/docs/_rounded_image.jsx
playbook_ui-11.6.0.pre.alpha.fontawesome app/pb_kits/playbook/pb_image/docs/_rounded_image.jsx
playbook_ui-11.5.0.pre.alpha.fontawesome app/pb_kits/playbook/pb_image/docs/_rounded_image.jsx
playbook_ui-11.7.0.pre.alpha.pre.guagechart1 app/pb_kits/playbook/pb_image/docs/_rounded_image.jsx
playbook_ui-11.6.0 app/pb_kits/playbook/pb_image/docs/_rounded_image.jsx
playbook_ui-11.5.0.pre.alpha.datepicker1 app/pb_kits/playbook/pb_image/docs/_rounded_image.jsx
playbook_ui-11.6.0.pre.alpha.rubocopperf1 app/pb_kits/playbook/pb_image/docs/_rounded_image.jsx
playbook_ui-11.6.1.pre.alpha.rubocop.pre.performance1 app/pb_kits/playbook/pb_image/docs/_rounded_image.jsx
playbook_ui-11.5.0.pre.alpha.pre.rubocop app/pb_kits/playbook/pb_image/docs/_rounded_image.jsx
playbook_ui-11.6.0.pre.alpha.momenttz1 app/pb_kits/playbook/pb_image/docs/_rounded_image.jsx
playbook_ui-11.5.0 app/pb_kits/playbook/pb_image/docs/_rounded_image.jsx
playbook_ui-11.4.0.pre.alpha.rubytheme2 app/pb_kits/playbook/pb_image/docs/_rounded_image.jsx