Sha256: c25dd1d099a5fe40e7749f7f7228d477d682524d30562930c7b57608fa586320

Contents?: true

Size: 430 Bytes

Versions: 31

Compression:

Stored size: 430 Bytes

Contents

/* @flow */

import React from 'react'
import classnames from 'classnames'
import { spacing } from '../utilities/spacing.js'

type ImageProps = {
  url: string,
  alt?: string,
}

const Image = (props: ImageProps) => {
  const { alt = '', url = '' } = props
  return (
    <img
        alt={alt}
        className={classnames('pb_image lazyload blur_up', spacing(props))}
        data-src={url}
    />
  )
}

export default Image

Version data entries

31 entries across 31 versions & 1 rubygems

Version Path
playbook_ui-5.2.0.pre.alpha15 app/pb_kits/playbook/pb_image/_image.jsx
playbook_ui-5.2.0.pre.alpha14 app/pb_kits/playbook/pb_image/_image.jsx
playbook_ui-5.2.0.pre.alpha13 app/pb_kits/playbook/pb_image/_image.jsx
playbook_ui-5.2.0.pre.alpha12 app/pb_kits/playbook/pb_image/_image.jsx
playbook_ui-5.2.0.pre.alpha11 app/pb_kits/playbook/pb_image/_image.jsx
playbook_ui-5.2.0.pre.alpha10 app/pb_kits/playbook/pb_image/_image.jsx
playbook_ui-5.2.0.pre.alpha9 app/pb_kits/playbook/pb_image/_image.jsx
playbook_ui-5.2.0.pre.alpha8 app/pb_kits/playbook/pb_image/_image.jsx
playbook_ui-5.2.0.pre.alpha7 app/pb_kits/playbook/pb_image/_image.jsx
playbook_ui-5.3.0.pre.alpha1 app/pb_kits/playbook/pb_image/_image.jsx
playbook_ui-5.4.0 app/pb_kits/playbook/pb_image/_image.jsx
playbook_ui-5.2.0.pre.alpha6 app/pb_kits/playbook/pb_image/_image.jsx
playbook_ui-5.2.0.pre.alpha5 app/pb_kits/playbook/pb_image/_image.jsx
playbook_ui-5.3.0 app/pb_kits/playbook/pb_image/_image.jsx
playbook_ui-5.2.0.pre.alpha4 app/pb_kits/playbook/pb_image/_image.jsx
playbook_ui-5.2.0.pre.alpha3 app/pb_kits/playbook/pb_image/_image.jsx
playbook_ui-5.2.0.pre.alpha2 app/pb_kits/playbook/pb_image/_image.jsx
playbook_ui-5.2.0 app/pb_kits/playbook/pb_image/_image.jsx
playbook_ui-5.1.0 app/pb_kits/playbook/pb_image/_image.jsx
playbook_ui-5.0.3 app/pb_kits/playbook/pb_image/_image.jsx