Suggestions

The ComboBox provides suggestions that appear while the user types in its input field.

To turn them on, set the suggest property to true. Whenever the user modifies the input value, the ComboBox automatically completes the user input with the first text match. If the first text match does not begin with the current user input, the ComboBox does not display any suggestions.

import React from 'react';
import ReactDOM from 'react-dom';

import { ComboBox } from '@progress/kendo-react-dropdowns';

class AppComponent extends React.Component {
    countries = [
        "Albania",
        "Andorra",
        "Armenia",
        "Austria",
        "Azerbaijan",
        "Belarus",
        "Belgium",
        "Bosnia & Herzegovina",
        "Bulgaria",
        "Croatia",
        "Cyprus",
        "Czech Republic",
        "Denmark",
        "Estonia",
        "Finland",
        "France",
        "Georgia",
        "Germany",
        "Greece"
    ];

    render() {
        return (
            <div className="example-wrapper">
                <ComboBox
                    data={this.countries}
                    suggest={true}
                    placeholder="e.g. Austria"
                />
            </div>
        );
    }
}

ReactDOM.render(
    <AppComponent />,
    document.querySelector('my-app')
);
In this article
 /