Hi,

Please, look at https://www.htmlelements.com/demos/input/multi-combo-input/.

As for state management, you can use something like this:

// React component
import { MultiComboInput } from 'smart-webcomponents-react/multicomboinput';
import { useSelector, useDispatch } from 'react-redux';

const FruitSelector = () => {
    const selectedFruits = useSelector(state => state.selectedFruits);
    const dispatch = useDispatch();

    const handleChange = (event) => {
        const value = event.detail.value;
        dispatch({ type: 'SET_FRUITS', payload: value });
    };

    return (
        <MultiComboInput
            dataSource={['Apple', 'Banana', 'Orange', 'Grape']}
            selectedValues={selectedFruits}
            onChange={handleChange}
        />
    );
};

Best wishes,
Markov

Smart UI Team
https://www.htmlelements.com/