New to Kendo UI for jQuery? Start a free 30-day trial
Selection Mode
Updated over 6 months ago
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' }
]
});
</script>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>