@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

    Keywords

    none

    Install

    npm i @hashicorp/hashi-image

    DownloadsWeekly Downloads

    56

    Version

    1.0.7

    License

    none

    Unpacked Size

    4.54 kB

    Total Files

    3

    Last publish

    Collaborators

    • _natmegs
    • thrashr888
    • amyrlam
    • melsumner
    • johncowen
    • mwickett
    • didoo
    • jescalan
    • zchsh
    • brandonromano
    • hcitsec
    • gregone
    • meirish
    • roaks3
    • jimmymerritello
    • enmod
    • kylemac
    • wkentdag
    • kaxcode
    • anubhavmishra-hashicorp
    • hashibot-web
    • cstitt-hashi
    • bkalow
    • kstraut
    • mocohen
    • dhaulagiri