Dynamic input

Use to add several items inside a list

Focus accessibility

When you select you want to navigate inside a dynamic input, you will select the element in the following order :

  • Input
  • Chip
  • Placeholder
  • Call to action

 

To show that an element is selected by the keyboard, a purple border appear to wrap the selected element. This focus-accessibility mode is outlined in accessibility-focus to distinguish it from other selection modes.