react-grid-hover
v0.2.2
Published
React component with grid view and hover effect.
Downloads
13
Maintainers
Readme
React Grid Hover
Installation
With npm:
npm i react-grid-hover
In your react file:
import ReactGridHover from 'react-grid-hover';
//use it as follows:
<ReactGridHover {...config} > // for the config file, see section Configuration below
<img src='yourSourceURL' alt='altAttribute' />
<img src='yourSourceURL' alt='altAttribute' />
<img src='yourSourceURL' alt='altAttribute' />
<img src='yourSourceURL' alt='altAttribute' />
</ReactGridHover>
Configuration
const config = {
itemSize: '2em', // Standard is 50px, unit may vary
design: 'flat', //standard is none, 'flat' is alternative
scaleFactor: 1.5, // standard is 1.1, can be changed
};