antd-select-infinte-scroll

Infinite scrolling ant design select component

Usage no npm install needed!

<script type="module">
  import antdSelectInfinteScroll from 'https://cdn.skypack.dev/antd-select-infinte-scroll';
</script>

README

antd-select-infinte-scroll

Infinite scrolling ant design select component

NPM JavaScript Style Guide

Install

npm install --save antd-select-infinte-scroll

Usage

import React, { Component } from 'react'

import MyComponent from 'antd-select-infinte-scroll'

class Example extends Component {
    render() {
        return <InfiniteScrollSelect style={{ width: '400px' }} data={data} hasMore={page > 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