@hashicorp/hashi-image

1.0.7 • Public • Published

Image

Super optimized image element, pulls from dato and formats for 7 screen sizes in two formats. Skips optimization for SVGs.

Props

  • src (str): url of the image docs
  • steps (arr): [optional] array of screen sizes to optimize for
  • sizes (str): [optional] same as sizes on an img tag docs
  • classes (str): [optional] any classes to be added to the image
  • alt (str): [optional] alt text for the image docs
  • aspect_ratio (arr or str): [optional] automatically crops to aspect ratio. first two items in the array are the ratio (ex. [16,9]), and the third is the base width that images will be cropped to in IE, which doesn't support srcset (ex. [16,9,500]). if string is provided, brackets should be excluded (ex. 16,9,500). string will be converted to array
  • params (obj): [optional] params passed directly to imgix

Dependents:

  • hero
  • logo-grid
  • nav
  • person-list
  • resource-list
  • text-and-image

Dependencies (0)

    Dev Dependencies (0)

      Package Sidebar

      Install

      npm i @hashicorp/hashi-image

      Weekly Downloads

      2

      Version

      1.0.7

      License

      none

      Unpacked Size

      4.54 kB

      Total Files

      3

      Last publish

      Collaborators

      • abhishek-hashicorp
      • dstaley
      • cameronperera
      • alexju
      • consul-ui-services
      • wenincode-hashicorp
      • hashicb
      • britt.lindgren
      • paulhcp
      • nandereck
      • tstormk
      • hashibot-hds
      • lackeyjb1
      • youriwims
      • jpogran
      • _natmegs
      • thrashr888
      • melsumner
      • mwickett
      • didoo
      • zchsh
      • hcitsec
      • gregone
      • meirish
      • enmod
      • kaxcode
      • anubhavmishra-hashicorp
      • hashibot-web
      • cstitt-hashi
      • kstraut
      • mocohen
      • dhaulagiri