This page demonstrates the following features of the DropDownField component:
- Embedded components in list items - See the Text align , Background
and Font color fields.
- Style and appearance customization - See the Font fields.
- Keyboard support - Use the "Down Arrow" key to open the drop-down list, "Esc" key
to close it, and "Enter" to apply a chosen value.
- Client-side auto-suggestion modes - You can type the beginning of a value or any
part of it to quickly find it in the suggestion list. As you type on, the list is getting shorter. When typing in
the Text align field, you can see all values displayed with the closest suggestion being highlighted.
- Auto-completion - Start typing text in any field on this page and it will get
completed right in the field. The added part will be marked as selected.
Use the DropDownField components below to modify the sample text and background, either by typing in values or
choosing them from the list of the predefined options.