Forms in React
![](https://user-images.githubusercontent.com/293280/123881067-cdbaea00-d8f8-11eb-98e4-e57c64489308.png)
Action menu with selection
If the parent form control provides sufficient visual context, you may visually hide the label. However, you must specify text for a visually hidden label that is accessible to screen readers.
Primer React implementation![](https://user-images.githubusercontent.com/2313998/170268364-021748a9-f304-4626-8ff2-3a71a5bcbd6b.png)
Autocomplete
An autocomplete input renders a text input that allows a user to quickly filter through a list of options to pick one or more values.
![](https://user-images.githubusercontent.com/2313998/170268367-51ee68d4-8121-4f49-b995-86755a381d6c.png)
Checkbox group
A set of checkboxes to let users make one or more selections from a short list of options
![](https://user-images.githubusercontent.com/2313998/170268368-5daef93f-b7d3-4863-938a-9c777c609ee4.png)
Form control
A form control renders a labelled input and, optionally, associated validation text and/or hint text.
![](https://user-images.githubusercontent.com/2313998/170268369-b9885114-90f0-4bae-863e-ca3ed37aa67d.png)
Radio group
A set of radio inputs to let users make a single selection from a short list of options
![](https://user-images.githubusercontent.com/2313998/170268372-be76e525-7337-4739-afd0-7e4a12037731.png)
Select dropdown
A select input may be used when a user needs to select one option from a long list
Primer React implementation![](https://user-images.githubusercontent.com/2313998/170268373-463d55fa-ead8-4471-91f2-2bec2456f385.png)
![](https://user-images.githubusercontent.com/2313998/170268374-7d701912-5f6c-45ce-832f-e7c3b1d3c476.png)
Text input
A text input is used to set a value that is a single line of text. See the list of types in the MDN docs.