react-thailand-address-typeahead-split (fork)

This project fork from react-thailand-address-typeahead

Enhancement

• Edit json data add province id , ampher id , district id ,
• Call back function id (primary key)
• Setting Title
• Setting placeholder
• Setting Value first load

Requirement

• react

Installation

$ npm install react-thailand-address-typeahead-split

Usage

import AddressForm from 'react-thailand-address-typeahead-split';

export default () => (
    <div>
          <AddressForm
               onAddressSelected={(addressObject) => console.log(addressObject)} 
                FormSetting={{
                    d: {
                        title: "ตำบล",
                        placeholder: "กรุณาเลือก ตำบล",
                        css_class: "form-control",
                        seterror: true,
                        value: "บางแคเหนือ",
                    },
                    a: {
                        title: "อำเภอ",
                        placeholder: "กรุณาเลือก อำเภอ",
                        css_class: "form-control",
                        seterror: false,
                        value: "บางแค",
                    },
                    p: {
                        title: "จังหวัด",
                        placeholder: "กรุณาเลือก จังหวัด",
                        css_class: "form-control",
                        seterror: false,
                        value: "กรุงเทพมหานคร",
                    },
                    z: {
                        title: "รหัสไปรษณีย์",
                        placeholder: "กรุณากรอกรหัสไปษณีย์",
                        css_class: "form-control",
                        seterror: false,
                        value: "10160",
                    },
                }}
  
            />  
    
    </div>
)

NOTE: For component styles you can include or use loader ./dist/styles.css to your app or implement by yourself styles

For futher more see Example

Original fork and idea

earthchie - Project Owner, Original fork (you should treat him a beer 😎🍺)

License

• Original : WTFPL 2.0 http://www.wtfpl.net/
• Also MIT (formally)