customized-autocomplete

    1.2.5 • Public • Published

    Customized Autocomplete

    This package can be used in your react applications for autocomplete search

    This package uses standard mui autocomplete of react.

    Installation

    You can use standart npm package installation

    npm i customized-autocomplete

    Usage

    import CustomizedAutocomplete from 'customized-autocomplete';
     
    //...
     
      render() {
        return (
          
          <React.Fragment>
            //your other html here
            <CustomizedAutocomplete
              //..........
            />
            //your other html here
          </React.Fragment>
        );
      }
    }
     
     

    Parameters

    Parameter Required Default Value Description
    selectedValue true - selection value of the autocomplete
    handleChange true - when selection is made this function is triggered. Ex. Format : (event, selection) => { console.log(event,selection); }
    selectionType false "api" define whether data is supplied statically or from an api method. can be either "api" or "static"
    optionApiMethod vary - when selectionType is "api" this method must be supplied from an api method. return type is list of {value,label} pair.
    optionData vary - when selectionType is "static" this parameter must be supplied as list of {value,label} pair
    onBlur false null will be triggered after onBlur event Ex. Usage : (fieldName,e) => {console.log(fieldName,i)}
    error false null can be used as validation for autocomplete. do not supply if validation is not needed
    touched false null can be used as validation for autocomplete. do not supply if validation is not needed
    fieldName true - name of the value will be set from parent component
    noOptionsText true - text will appear when no options are available
    inputLabel true - input label appear in top of the component
    setStopBlocking false null define whehter ui blocking will be applied when searching
    loadOptionsAfterSelection false false define whehter options will be reloaded after a selection is made
    clearOnNull false false define whehter input should be cleared when selection value is set to null by parent component
    inputName false "secim" the name of the text input inside the autocomplete

    License

    MIT

    Install

    npm i customized-autocomplete

    DownloadsWeekly Downloads

    8

    Version

    1.2.5

    License

    MIT

    Unpacked Size

    20.3 kB

    Total Files

    3

    Last publish

    Collaborators

    • uyanikoglu