# Input

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