New to Kendo UI for Angular? Start a free 30-day trial
Keyboard Navigation
The keyboard navigation of the ChipList is available by default.
The ChipList supports the following keyboard shortcuts:
| SHORTCUT | DESCRIPTION |
|---|---|
Right arrow | Focuses the next Chip in the ChipList. If the focus is on the last Chip, focuses the first chip in the ChipList. |
Left arrow | Focuses the previous Chip in the ChipList. If the focus is on the first Chip, focuses the last chip in the ChipList. |
Enter & Space | Triggers a click action on the focused Chip. |
Delete & Backspace | Triggers the action, associated with clicking the remove icon. |
Change Theme
Theme
Loading ...
Disabled Keyboard Navigation
To disable the default keyboard navigation and include all chips in the natural tab sequence of the page,
set the ChipList navigable option to false.
The following example demonstrates this approach:
Change Theme
Theme
Loading ...