Sha256: 362316062bd4555b67eac97bc0a6bb0284febe3c6158713c7842d37ff53701c3

Contents?: true

Size: 434 Bytes

Versions: 7

Compression:

Stored size: 434 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_kit lazyload blur_up', spacing(props))}
        data-src={url}
    />
  )
}

export default Image

Version data entries

7 entries across 7 versions & 1 rubygems

Version Path
playbook_ui-5.5.1.pre.alpha4 app/pb_kits/playbook/pb_image/_image.jsx
playbook_ui-5.5.1.pre.alpha3 app/pb_kits/playbook/pb_image/_image.jsx
playbook_ui-5.5.1.pre.alpha2 app/pb_kits/playbook/pb_image/_image.jsx
playbook_ui-5.5.1.pre.alpha1 app/pb_kits/playbook/pb_image/_image.jsx
playbook_ui-5.5.1 app/pb_kits/playbook/pb_image/_image.jsx
playbook_ui-5.5.0 app/pb_kits/playbook/pb_image/_image.jsx
playbook_ui-5.5.0.pre.alpha1 app/pb_kits/playbook/pb_image/_image.jsx