Hopper to Orbiter Mapping
A list of all Hopper Components and their equivalent within Orbiter
Below is a list of all Hopper Components and their equivalent within Orbiter. Unavailable components are currently prioritized for development by the Design System Team.
| Orbiter Component | Hopper Component |
|---|---|
| Accordion | Accordion |
| Alert | Alert |
| Autocomplete | ComboBox |
| Avatar | Avatar |
| Badge | Badge |
| Box | Box |
| Button | Button |
| Card | Card, shims were created to ease migration. |
| Checkbox | Checkbox |
| Counter | Use the Badge with subdued variant |
| CrossButton | CloseButton |
| DateInput | In development |
| DateRangeInput | In development |
| Disclosure | Disclosure |
| DisclosureArrow | ToggleArrow |
| Divider | Divider |
| Dot | Use Badge with the isIndeterminate prop |
| Field | Not supported anymore |
| Flex | Flex |
| Form | Form |
| Grid | Grid |
| Heading | Heading |
| IllustratedMessage | IllustratedMessage |
| Illustration | Illustration |
| Image | Image |
| InputGroup | InputGroup |
| Link | Link |
| Listbox | ListBox |
| Loader | Not supported anymore, consider using Spinner |
| Lozenge | Tag |
| Menu | Menu |
| Modal | Modal |
| NumberInput | NumberField |
| Overlay | Not supported anymore, use Modal instead |
| Paragraph | Paragraph |
| Popover | Popover |
| RadioGroup | RadioGroup |
| Select | Select |
| Spinner | Spinner |
| Switch | Switch |
| Tabs | Tabs |
| Tag | Tag |
| Text | Text |
| TextArea | TextArea |
| TextInput | TextField |
| ThemeProvider | HopperProvider |
| Tile | Tile |
| Toolbar | Not supported anymore |
| Tooltip | Tooltip |
| Transition | Not supported anymore, shims were created to ease migration. |