@axetroy/lazy-image v0.0.1

Lazy image component for Vue & React

Online Demo

Installation

npm install @axetroy/lazy-image

Usage

Using with Vue

<template>
  <lazy-image style="max-width: 100%;" src="https://example.com/img.png" />
</template>

<script>
import LazyImage from "@axetroy/lazy-image/vue";

export default {
  components: {
    "lazy-image": LazyImage
  }
};
</script>

Vue Props

Vue Events

Using in React

import React from "react";
import LazyImage from "@axetroy/lazy-image/react";

class App extends React.Component {
  render() {
    return (
      <LazyImage
        style={{ maxWidth: "100%" }}
        src={"https://example.com/img.png"}
      />
    );
  }
}

React Props

Browsers support

IE11 require polyfill Object.assign()

IE10 require polyfill new Set() and new Map()

License

The MIT License