react-showhide-component

Install

Using npm:

npm install --save react-showhide-component

or using yarn:

yarn add react-showhide-component

Usage

import React, { Component } from 'react'

import ReactShowHideComponent from 'react-showhide-component'

const arr = [1, 2, 3, 4, 5];

export default class Example extends Component {
  render() {
    const listHtml = arr.map((elem, i) => {
      return <div key={i}>{elem}</div>;
    });
    return <ReactShowHideComponent items={listHtml} minItems={2} />;
  }
}

Props

| Property | Type | Default | Description | |:--------------|:-------------------|:--------------------------------------|:---------------------------------------------------------------------------------------------------------------------------------------------| | items | string | array | undefined | Array of elements of string | | minItems | number | undefined | No of element(for array) / lines (for string) to show by default | | mode | string | array | 'array' or 'string' | | viewMoreButton | element | View More | View more button | | viewLessButton | element | View Less | View less button |

License

MIT © https://github.com/vaibhavdiwani

Any help in improvement/optimization is very much appreciated