Skip to content

A react native component for creating highly customizable, paginated and searchable dropdown menus

License

Notifications You must be signed in to change notification settings

egeucak/react-native-advanced-dropdown

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

17 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React Native Advanced Dropdown

A react native component for creating highly customizable, paginated and searchable dropdown menus.

Advanced dropdown menu is born with need of a searchable and paginated dropdown menu.

npm version

Installation

npm install --save react-native-advanced-dropdown

Try it out

For trying, you can check the example app at https://github.com/egeucak/Advanced-Dropdown-Menu-Example.

Documentation [WIP]

###Props

Prop Required Default Type Explanation
data Yes na [Object] Array of objects, each object must have a "label" key. Objects can also have an optional func field, which will be run on click.
title Yes na String The title to be shown on the label of dropdown button
pagination No true bool Pagination can be disabled.
perPage No 999 integer Amount of items to be shown on one page.
searchEnabled No true bool Search function searchs with respect to labels of data objects
dropdownStyle No {} CSS object CSS to be injected in dropdown menu
buttonStyle No {} CSS object CSS to be injected in button that opens dropdown menu

About

A react native component for creating highly customizable, paginated and searchable dropdown menus

Resources

License

Stars

Watchers

Forks

Packages

No packages published