...
Keyboard | Tag field text area | Applied tag pills |
---|---|---|
Tab |
| Navigates to the next component. |
Shift + Tab | Reverse tab. | Reverse tab. |
Space | Acts as text input. | N/A |
Enter | N/A | Moves focus to the text area. |
Esc | N/A | N/A |
Delete |
| Removes the pill, de-selecting the tag. |
Arrows | Left/Right:
Up/Down: moves focus to the suggested search results. | Left/Right: moves between the pills. Up/Down: N/A |
Page up/Home | Navigates to the first pill. | Navigates to the first pill. |
Page down/End | N/A | Navigates to the text area. |
a-z, A-Z | Acts as text input. | Automatically moves focus to the text area and acts as text input. |
Design
Code
...