New to Kendo UI for jQuery? Download free 30-day trial

Selection Mode

The ChipList provides options for setting its selection mode:

None Selection

The following example demonstrates the none selection mode.

    <div id="chiplist"></div>
    <script>
        $('#chiplist').kendoChipList({
            selectable: 'none',
            items: [
                { label: 'One' },
                { label: 'Two' },
                { label: 'Three' }
            ]
        });
    </

Single Selection

The following example demonstrates the single selection mode.

    <div id="chiplist"></div>
    <script>
        $('#chiplist').kendoChipList({
            selectable: 'single',
            items: [
                { label: 'One' },
                { label: 'Two' },
                { label: 'Three' }
            ]
        });
    </script>

Multiple Selection

The following example demonstrates the multiple selection mode.

    <div id="chiplist"></div>
    <script>
        $('#chiplist').kendoChipList({
            selectable: 'multiple',
            items: [
                { label: 'One' },
                { label: 'Two' },
                { label: 'Three' }
            ]
        });
    </script>

See Also

In this article