The exhibit
one page · 7 of 7 systemsThe same page, in every house. A delivery form with the same words, the same five fields and the same two buttons. Switch system and everything else changes: type, spacing, shape, how an error would speak, what a label does. Each version is drawn by that system’s own package, and the controls are live.
What this page is made of
The five components in the form, as the selected system names and builds them. Every row links to that component compared across all the systems.
| Component | Ant Design calls it | Native element? | Variants it documents |
|---|---|---|---|
| Text input | Input superset | yes | outlined, filled, borderless, underlined |
| Select | Select | partly | outlined, filled, borderless, underlined |
| Radio button | Radio | yes | default, button, outline, solid |
| Checkbox | Checkbox | yes | — |
| Button | Button | yes | primary, default, dashed, text, link, outlined, solid, filled |
Drawn with antd6.6.5.
| Component | Carbon calls it | Native element? | Variants it documents |
|---|---|---|---|
| Text input | Text input | yes | Text input, Text area |
| Select | Select | yes | Default, Inline select |
| Radio button | Radio button | yes | — |
| Checkbox | Checkbox | yes | unselected, selected, indeterminate |
| Button | Button | yes | Primary, Secondary, Tertiary, Ghost, Danger |
Drawn with @carbon/react1.117.0.
| Component | GOV.UK calls it | Native element? | Variants it documents |
|---|---|---|---|
| Text input | Text input | yes | — |
| Select | Select | yes | — |
| Radio button | Radios superset | yes | — |
| Checkbox | Checkboxes superset | yes | — |
| Button | Button | yes | Default, Start, Secondary, Warning, Inverse |
Drawn with govuk-frontend6.5.1.
| Component | Material Web calls it | Native element? | Variants it documents |
|---|---|---|---|
| Text input | Text field | yes | Filled text field, Outlined text field |
| Select | Select | no | md-filled-select, md-outlined-select |
| Radio button | Radio button | no | — |
| Checkbox | Checkbox | yes | — |
| Button | Buttons superset | yes | Elevated button, Filled button, Filled tonal button, Outlined button, Text button |
Drawn with @material/web2.5.0.
| Component | Primer calls it | Native element? | Variants it documents |
|---|---|---|---|
| Text input | TextInput | yes | — |
| Select | Select | yes | — |
| Radio button | Radio subset | yes | — |
| Checkbox | Checkbox | yes | — |
| Button | Button | yes | primary, default, invisible, danger |
Drawn with @primer/react38.40.1.
| Component | Spectrum calls it | Native element? | Variants it documents |
|---|---|---|---|
| Text input | Text field | yes | — |
| Select | Picker | partly | — |
| Radio button | Radio button | no | — |
| Checkbox | Checkbox | yes | — |
| Button | Button | yes | primary, secondary, accent, negative |
Drawn with @spectrum-web-components/button1.12.4.
| Component | USWDS calls it | Native element? | Variants it documents |
|---|---|---|---|
| Text input | Text input | yes | error, success |
| Select | Select | yes | multiple select |
| Radio button | Radio buttons | yes | default, tile |
| Checkbox | Checkbox | yes | default, tile |
| Button | Button | yes | secondary, accent-cool, accent-warm, base, outline, inverse, unstyled |
Drawn with @uswds/uswds3.14.0.