> For the complete documentation index, see [llms.txt](https://ebay.gitbook.io/mindpatterns/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://ebay.gitbook.io/mindpatterns/input.md).

# Input

| Pattern                                                                                                                              | Working Examples                    | Best Practices                      | Interaction Design                  | Developer Guide                     |
| ------------------------------------------------------------------------------------------------------------------------------------ | ----------------------------------- | ----------------------------------- | ----------------------------------- | ----------------------------------- |
| [Button](/mindpatterns/input/button.md)                                                                                              | <mark style="color:green;">✓</mark> | <mark style="color:green;">✓</mark> | <mark style="color:green;">✓</mark> | <mark style="color:green;">✓</mark> |
| [Checkbox](/mindpatterns/input/checkbox.md)                                                                                          | <mark style="color:green;">✓</mark> | <mark style="color:green;">✓</mark> | <mark style="color:green;">✓</mark> | <mark style="color:green;">✓</mark> |
| [Chips Combobox](/mindpatterns/input/chips-combobox.md)                                                                              | <mark style="color:green;">✓</mark> | <mark style="color:green;">✓</mark> | <mark style="color:green;">✓</mark> | <mark style="color:green;">✓</mark> |
| [Combobox](/mindpatterns/input/combobox.md)                                                                                          | <mark style="color:green;">✓</mark> | <mark style="color:green;">✓</mark> | <mark style="color:green;">✓</mark> | <mark style="color:green;">✓</mark> |
| [Date Picker](/mindpatterns/input/date-picker.md)                                                                                    | <mark style="color:red;">X</mark>   | <mark style="color:green;">✓</mark> | <mark style="color:green;">✓</mark> | <mark style="color:red;">X</mark>   |
| [File Input](/mindpatterns/input/file-input.md)                                                                                      | <mark style="color:green;">✓</mark> | <mark style="color:green;">✓</mark> | <mark style="color:green;">✓</mark> | <mark style="color:green;">✓</mark> |
| [Input Dialog](/mindpatterns/input/input-dialog.md)                                                                                  | <mark style="color:green;">✓</mark> | <mark style="color:red;">X</mark>   | <mark style="color:green;">✓</mark> | <mark style="color:red;">X</mark>   |
| [Listbox](/mindpatterns/input/menu.md)                                                                                               | <mark style="color:green;">✓</mark> | <mark style="color:red;">X</mark>   | <mark style="color:green;">✓</mark> | <mark style="color:red;">X</mark>   |
| [Listbox Button](/mindpatterns/input/listbox-button.md)                                                                              | <mark style="color:green;">✓</mark> | <mark style="color:green;">✓</mark> | <mark style="color:green;">✓</mark> | <mark style="color:red;">X</mark>   |
| [Menu](/mindpatterns/input/menu.md)                                                                                                  | <mark style="color:green;">✓</mark> | <mark style="color:green;">✓</mark> | <mark style="color:green;">✓</mark> | <mark style="color:green;">✓</mark> |
| [Menu Button](/mindpatterns/input/menu-button.md)                                                                                    | <mark style="color:green;">✓</mark> | <mark style="color:green;">✓</mark> | <mark style="color:green;">✓</mark> | <mark style="color:green;">✓</mark> |
| [Number Input](/mindpatterns/input/number-input.md)                                                                                  | <mark style="color:green;">✓</mark> | <mark style="color:green;">✓</mark> | <mark style="color:green;">✓</mark> | <mark style="color:green;">✓</mark> |
| [Phone Input](/mindpatterns/input/phone-input.md)                                                                                    | <mark style="color:green;">✓</mark> | <mark style="color:green;">✓</mark> | <mark style="color:green;">✓</mark> | <mark style="color:red;">X</mark>   |
| [Radio](/mindpatterns/input/radio.md)                                                                                                | <mark style="color:green;">✓</mark> | <mark style="color:green;">✓</mark> | <mark style="color:green;">✓</mark> | <mark style="color:green;">✓</mark> |
| [Select](/mindpatterns/input/select.md)                                                                                              | <mark style="color:green;">✓</mark> | <mark style="color:green;">✓</mark> | <mark style="color:green;">✓</mark> | <mark style="color:green;">✓</mark> |
| [Star Rating](https://github.com/ebay/mindpatterns/tree/6c14ac7802634b97b44038d80935b912adbcd5cf/input/star_raring.md) (interactive) | <mark style="color:green;">✓</mark> | <mark style="color:red;">X</mark>   | <mark style="color:red;">X</mark>   | <mark style="color:red;">X</mark>   |
| [Switch](/mindpatterns/input/switch.md)                                                                                              | <mark style="color:green;">✓</mark> | <mark style="color:green;">✓</mark> | <mark style="color:green;">✓</mark> | <mark style="color:red;">X</mark>   |
| [Toggle Button](/mindpatterns/input/toggle-button.md)                                                                                | <mark style="color:green;">✓</mark> | <mark style="color:green;">✓</mark> | <mark style="color:green;">✓</mark> | <mark style="color:green;">✓</mark> |
| [Toggle Button Group](/mindpatterns/input/toggle-button-group.md)                                                                    | <mark style="color:green;">✓</mark> | <mark style="color:green;">✓</mark> | <mark style="color:green;">✓</mark> | <mark style="color:red;">X</mark>   |