react-img-select

0.0.4 • Public • Published

react-img-select

Currently In Development Do not Use in Production !

Still establishing the default props and will write out longer docs, estimating a basic prototype to be published and complete by 01/08/19, if you have feature requests can twitter @nickfoden

npm (scoped)

npm bundle size (minified)

Render list of images

Install

$ npm install react-img-select

Usage

import ReactImgSelect from "react-img-select";
{...}
 handleSelect = (e, item) => {
    e.preventDefault();
    console.log(item);
  };
 
{...}
 
<ReactImgSelect
  onPress={(e, item) => this.handleSelect(e, item)}
  imageArray={[
    {
      caption: "",
      key: "",
      src: ""
    },
    {
      caption: "",
      key: "",
      src: ""
    }
  ]}
/>;

Default props are changing and prop names are subject to change as tinkering with best defaults is accomplished. Captions and keys and onPress are optional. Thinking about alternatives/flexibility for src. Will write out behaviors and examples this week as firm up the props.

Height and Width are for the container/ul

liHeight and liWidth handle the item/li <--- start here

Current Props List

    color,
    height,
    imageArray,
    liDirection,
    liDisplay,
    liHeight,
    liPadding,
    liStyle,
    listStyle,
    liWidth,
    imgFlex,
    imgHeight,
    imgObjectFit,
    imgStyle,
    imgWidth,
    onPress,
    ulDirection,
    ulDisplay,
    ulStyle,
    width,

Versions

Current Tags

  • Version
    Downloads (Last 7 Days)
    • Tag
  • 0.0.4
    0
    • latest

Version History

  • Version
    Downloads (Last 7 Days)
    • Published
  • 0.0.4
    0
  • 0.0.3
    0
  • 0.0.2
    0
  • 0.0.1
    0

Package Sidebar

Install

npm i react-img-select

Weekly Downloads

0

Version

0.0.4

License

ISC

Unpacked Size

10.3 kB

Total Files

10

Last publish

Collaborators

  • nickfoden