1.0.1 • Published 8 months ago

@acrool/react-img v1.0.1

Weekly downloads
-
License
MIT
Repository
github
Last release
8 months ago

Acrool React Img

NPM npm npm

npm downloads npm

Features

  • Support width, height, aspect
  • Support lazy load image
  • Support mask animate

Install

yarn add @acrool/react-img

Usage

add in your index.tsx

import "@acrool/react-img/dist/index.css";

then in your page

import {Flex, fr, Grid} from '@acrool/react-grid';
import styled from 'styled-components';

import {Img} from '@acrool/react-img';
import {generatorArray} from '@acrool/js-utils/array';

const Example = () => {
    return <Img
        src="https://acrool-react-picker.pages.dev/sample/1.jpg"
        w={200}
        h={200}
        r={8}
        isLazy
        isLazyMaskVisible
    />;
};

export default Example;

There is also a example that you can play with it:

Play react-editext-example

License

MIT © Acrool & Imagine

1.0.1

8 months ago

1.0.1-alpha.1

8 months ago

1.0.1-alpha.0

8 months ago

1.0.0

8 months ago

0.0.3-alpha.1

9 months ago

0.0.3-alpha.0

9 months ago

0.0.2

9 months ago