New to KendoReact? Start a free 30-day trial

Controlled Mode

The ChipList provides the options to control is value as well as its data state, or alternatively, have them in an uncontrolled state.

Control the Value

If you want to set the initial value in uncontrolled mode, set the defaultValue property.

On the other hand, to control the value of the ChipList, use the value prop and the onChange event. These props are demonstrated in the following example.

Change Theme

Theme

Loading ...

Control the Data State

If you want to set the data in uncontrolled mode, set the defaultData property.

On the other hand, to manage the data state of the ChipList, follow the steps below:

Store your data in a state variable and pass it to the data property.
Set the new value coming from the onDataChange event to the state variable that is passed to the data prop.