react-itra-dropdown v1.0.1

React Dropdown

React component that allow you to slect single options from set of options. It has list of options See Options List Section that can be selected based on requirement.

Demo

Live Demo URL : Not available yet

Getting Started

The easiest way to use React Dropdown is to install it using NPM.

npm install react-itra-dropdown --save

Now import React Dropdown into your project.

import ItraDropdown from 'react-itra-dropdown';

Usage

After adding react-itra-dropdown into your project, add following to get going.

You can set sourceList as either Array of Object or even Array to Object with Nested list of items as follow.

let CustomerList =[
  {
    "id": 0,
    "name": "Georgette Bender",
    list: [{
      "id": 10,
      "name": "Miranda Roman"
    },
    {
      "id": 11,
      "name": "Graves Vincent"
    }]
  },
  {
    "id": 1,
    "name": "Malinda Henry"
  },
  {
    "id": 2,
    "name": "Donaldson Gordon"
  },
  {
    "id": 3,
    "name": "Gaines Marshall"
  },
  {
    "id": 4,
    "name": "Taylor Boyd",
    list: [{
      "id": 40,
      "name": "Buckley Mayer"
    },
    {
      "id": 41,
      "name": "Ruby Webb"
    }
    ]
  },
  {
    "id": 5,
    "name": "Blevins Macdonald"
  }
];

let selectedCustomer = CustomerList[1];

<ItraDropdown 
  dataSource={CustomerList}
  selectedValue={selectedCustomer}
  onTagSelection={this.onCustomerSelection}
  showSearchBar={true}
/>

Options List

Authors

*Sahil Gupta Github

License

This project is licensed under the Custom License - see the LICENSE.md file for details