Have ideas to improve npm?Join in the discussion! »

    @pearlbea/better-img-nutmeg
    TypeScript icon, indicating that this package has built-in type declarations

    1.7.4 • Public • Published

    better-img-nutmeg

    Installation

    Install the npm package or add the script from unkpg to your HTML page. If you want to use this component in browsers that do not support Custom Elements v1, use the webcomponentsjs polyfill.

    Example:

    <!-- load the polyfill, if necessary -->
    <script src="https://unpkg.com/@webcomponents/webcomponentsjs@latest/webcomponents-sd-ce.js"></script>
     
    <!-- then load the element from unkpg -->
    <script src="https://unpkg.com/@pearlbea/better-img-nutmeg@1.2.8/dist/better-img-nutmeg.min.js"></script>
     
    <!-- or from node modules -->
    <script src="../node_modules/@pearlbea/better-img-nutmeg/dist/better-img-nutmeg.js"></script>
     
    <!-- use the component on your page -->
    <better-img-nutmeg
      url="https://placeimg.com/480/640/animals"
      fallback="https://lorempixel.com/480/640"
      alt="an adorable animal">
    </better-img-nutmeg>

    Usage

    property type default description
    url (required) string null An image url. This will become the image's "src" attribute.
    fallback string null An image url. If the url provided returns an error, the fallback url will be assigned to the "src" attribute.
    width number 480 Image width
    height number 640 Image height
    alt string "" Image alt text
    log string null If you provide the name of a function, it will be called if the url returns an error and receive the error object as a parameter.

    License

    BetterImgNutmeg is released under an MIT license.

    Built, tested, and published with Nutmeg.

    Install

    npm i @pearlbea/better-img-nutmeg

    DownloadsWeekly Downloads

    4

    Version

    1.7.4

    License

    MIT

    Unpacked Size

    356 kB

    Total Files

    20

    Last publish

    Collaborators

    • avatar