Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mrinalraj/antd-select-infinte-scroll
https://github.com/mrinalraj/antd-select-infinte-scroll
antd
Last synced: 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/mrinalraj/antd-select-infinte-scroll
- Owner: mrinalraj
- Created: 2020-02-02T06:14:06.000Z (almost 5 years ago)
- Default Branch: master
- Last Pushed: 2023-01-05T07:13:14.000Z (about 2 years ago)
- Last Synced: 2024-11-14T11:44:16.557Z (3 months ago)
- Topics: antd
- Language: JavaScript
- Homepage:
- Size: 5.63 MB
- Stars: 3
- Watchers: 1
- Forks: 3
- Open Issues: 22
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# antd-select-infinte-scroll
> Infinite scrolling ant design select component
[![NPM](https://img.shields.io/npm/v/antd-select-infinte-scroll.svg)](https://www.npmjs.com/package/antd-select-infinte-scroll) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)
## Install
```bash
npm install --save antd-select-infinte-scroll
```## Usage
```jsx
import React, { Component } from 'react'import MyComponent from 'antd-select-infinte-scroll'
class Example extends Component {
render() {
return 5 ? false : true} loadMore={this.getMoreData} />
}
}
```# props
| name | type | required | default | description |
| ------------ | ------------------ | -------- | ------- | ----------------------------------------------------------------------------------- |
| **data** | array (of objects) | true | [] | array of dropdown data, each element must be object with properties `{label,value}` |
| **hasMore** | boolean | false | false | if true data loaded on scroll |
| **loadMore** | function | true | null | function to get next data, please manage page number in this function |## License
MIT © [mrinalraj](https://github.com/mrinalraj)