react-distpicker

react-distpicker is a Chinese district picker for react, inspiring from Distpicker

Usage no npm install needed!

<script type="module">
  import reactDistpicker from 'https://cdn.skypack.dev/react-distpicker';
</script>

README

react-distpicker

react-distpicker is a Chinese district picker for react, inspiring from Distpicker

Demo

https://aneureka.github.io/react-distpicker/

Getting started

Install

npm install react-distpicker -S

or

yarn add react-distpicker -S

Create component

import DistPicker from 'react-distpicker';

const App = () => (
    <DistPicker />
);

export default App;

You can have a glance in /examples.

Options

Property Description Type Default value
placeholderProvince placeholder for province selector string —— 省 ——
placeholderCity placeholder for city selector string —— 市 ——
placeholderDistrict placeholder for district selector String —— 区 ——
pickerClass class for the Distpicker, mainly used to change the style String
selectClass class for the select component in DistPicker, mainly used to change the style String
onSelect the callback function while selecting, receiving an object including province, city and district func

Contributor

Aneureka

License

The plugin is open-sourced software licensed under the MIT license.