npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

react-img-select

v0.0.4

Published

## Currently In Development Do not Use in Production !

Downloads

7

Readme

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,