Sha256: 265bfce69e79fb1730408985a4d8de02b44d20e745ce667f69f90ccf067330bc

Contents?: true

Size: 1.05 KB

Versions: 25

Compression:

Stored size: 1.05 KB

Contents

/* @flow */

import React from 'react'
import classnames from 'classnames'
import { globalProps } from '../utilities/globalProps.js'
import { buildAriaProps, buildCss, buildDataProps } from '../utilities/props'

type ImageProps = {
  alt?: string,
  aria?: object,
  className?: string,
  data?: object,
  id?: string,
  size: "xs" | "sm" | "md" | "lg" | "xl",
  rounded?: boolean,
  url: string,
}

const Image = (props: ImageProps) => {
  const {
    alt = '',
    aria = {},
    className,
    data = {},
    id,
    rounded = false,
    size = '',
    url = '',
  } = props

  const ariaProps = buildAriaProps(aria)
  const classes = classnames(
    buildCss('pb_image_kit lazyload blur_up', size),
    { rounded },
    globalProps(props),
    className
  )
  const dataProps = buildDataProps(data)

  return (
    <div>
      <img
          {...ariaProps}
          {...dataProps}
          alt={alt}
          className={classes}
          data-src={url}
          id={id}
          rounded={rounded}
          src={url}
      />
    </div>
  )
}

export default Image

Version data entries

25 entries across 25 versions & 1 rubygems

Version Path
playbook_ui-7.14.0.pre.alpha1 app/pb_kits/playbook/pb_image/_image.jsx
playbook_ui-7.15.1 app/pb_kits/playbook/pb_image/_image.jsx
playbook_ui-7.15.0 app/pb_kits/playbook/pb_image/_image.jsx
playbook_ui-7.14.0 app/pb_kits/playbook/pb_image/_image.jsx
playbook_ui-7.13.0.pre.alpha1 app/pb_kits/playbook/pb_image/_image.jsx
playbook_ui-7.13.0 app/pb_kits/playbook/pb_image/_image.jsx
playbook_ui-7.12.1 app/pb_kits/playbook/pb_image/_image.jsx
playbook_ui-7.12.0 app/pb_kits/playbook/pb_image/_image.jsx
playbook_ui-7.11.1 app/pb_kits/playbook/pb_image/_image.jsx
playbook_ui-7.11.0 app/pb_kits/playbook/pb_image/_image.jsx
playbook_ui-7.11.0.pre.alpha1 app/pb_kits/playbook/pb_image/_image.jsx
playbook_ui-7.10.0 app/pb_kits/playbook/pb_image/_image.jsx
playbook_ui-7.9.0 app/pb_kits/playbook/pb_image/_image.jsx
playbook_ui-7.8.4 app/pb_kits/playbook/pb_image/_image.jsx
playbook_ui-7.8.3 app/pb_kits/playbook/pb_image/_image.jsx
playbook_ui-7.8.2 app/pb_kits/playbook/pb_image/_image.jsx
playbook_ui-7.8.1 app/pb_kits/playbook/pb_image/_image.jsx
playbook_ui-7.8.0 app/pb_kits/playbook/pb_image/_image.jsx
playbook_ui-7.7.0.pre.alpha1 app/pb_kits/playbook/pb_image/_image.jsx
playbook_ui-7.7.0 app/pb_kits/playbook/pb_image/_image.jsx