Entering
10 components · 7 systemsControls where the person supplies the value rather than picking it: typed, completed, dated, uploaded. Each block below is one system’s whole set of these components, drawn by its own package. To compare one control across every system drawn, open it from the rail.
Ant Design
10 of 10 drawn Text input Input
Autocomplete AutoComplete
File uploader Upload
Search Input.Search
Date picker DatePicker
Number input InputNumber
Password input Input.Password
Time picker TimePicker
Color picker ColorPicker
Input group Space.Compact (Input.Group is deprecated)
Carbon
8 of 10 drawn Text input Text input
Autocomplete Combo box
File uploader File uploader
Search Search
Date picker Date picker
Number input Number input
Password input Password input
Time picker Time picker
absentCarbon does not ship color picker. Nothing is drawn in its place.
absentCarbon does not ship input group. Nothing is drawn in its place.
GOV.UK
5 of 10 drawn Text input Text input
absentGOV.UK does not ship autocomplete. Nothing is drawn in its place.
File uploader File upload
absentGOV.UK does not ship search. Nothing is drawn in its place.
Date picker Date input
absentGOV.UK does not ship number input. Nothing is drawn in its place.
Password input Password input
absentGOV.UK does not ship time picker. Nothing is drawn in its place.
absentGOV.UK does not ship color picker. Nothing is drawn in its place.
Input group Text input (prefix and suffix options)
Material Web
3 of 10 drawn Text input Text field
absentMaterial Web does not ship autocomplete. Nothing is drawn in its place.
absentMaterial Web does not ship file uploader. Nothing is drawn in its place.
absentMaterial Web does not ship search. Nothing is drawn in its place.
absentMaterial Web does not ship date picker. Nothing is drawn in its place.
Number input Text field, type="number"
Password input Text field, type="password"
absentMaterial Web does not ship time picker. Nothing is drawn in its place.
absentMaterial Web does not ship color picker. Nothing is drawn in its place.
absentMaterial Web does not ship input group. Nothing is drawn in its place.
Primer
3 of 10 drawn Text input TextInput
Autocomplete Autocomplete
absentPrimer does not ship file uploader. Nothing is drawn in its place.
absentPrimer does not ship search. Nothing is drawn in its place.
absentPrimer does not ship date picker. Nothing is drawn in its place.
absentPrimer does not ship number input. Nothing is drawn in its place.
absentPrimer does not ship password input. Nothing is drawn in its place.
absentPrimer does not ship time picker. Nothing is drawn in its place.
absentPrimer does not ship color picker. Nothing is drawn in its place.
Input group TextInput
Spectrum
4 of 10 drawn Text input Text field
Autocomplete Combo box
File uploader Drop zone
shipped, not drawn hereDocumented by the system but not drawable from the package used for the frames; see the component page for why.
Search Search field
Date picker Date picker
shipped, not drawn hereDocumented by the system but not drawable from the package used for the frames; see the component page for why.
Number input Number field
absentSpectrum does not ship password input. Nothing is drawn in its place.
Time picker TimeField
shipped, not drawn hereDocumented by the system but not drawable from the package used for the frames; see the component page for why.
Color picker Color picker
shipped, not drawn hereDocumented by the system but not drawable from the package used for the frames; see the component page for why.
absentSpectrum does not ship input group. Nothing is drawn in its place.
USWDS
8 of 10 drawn Text input Text input
Autocomplete Combo box
File uploader File input
Search Search
Date picker Date picker
absentUSWDS does not ship number input. Nothing is drawn in its place.
Password input Password show/hide toggle (usa-show-password)
Time picker Time picker
absentUSWDS does not ship color picker. Nothing is drawn in its place.
Input group Input prefix/suffix