Component mapping
Below you will find a list of Component Library components with their Cimpress UI equivalents. Note that this migration is not a straightforward replacement, and you should make sure that your migrated workflows follow the guidelines established by the Cimpress UI design system. Make sure to read the migration overview first, as it provides crucial context for the migration process.
Component Library component | Cimpress UI equivalent(s) | Migration guide |
|---|---|---|
| Accordion | Accordion migration guide | |
| Alert | Alert (if rendered dynamically in response to user action) Callout (for all other use cases) | Alert migration guide |
| Breadcrumbs | Breadcrumbs migration guide | |
| Button | Button (if used with a label to perform an action) IconButton (if used with an icon to perform an action) LinkButton (if used with a label to perform navigation) IconLinkButton (if used with an icon to perform navigation) ToggleButton (if used with a label to toggle an option on and off) ToggleIconButton (if used with an icon to toggle an option on and off) | Button migration guide |
| ButtonGroup | ToggleButtonGroup (if used to group toggle buttons) | - |
| Card | - | |
| Carousel | - | - |
| Checkbox | Checkbox migration guide | |
| CodeBlock | - | - |
| Copy | CopyButton (if used as a button) CopyInline (if used inline) | Copy migration guide |
| CurrencySelector | no replacement; can be built from other components | - |
| DatePicker | - | |
| Documentation | - | - |
| DragAndDrop | - | - |
| Drawer | Drawer migration guide | |
| Dropdown | Dropdown migration guide | |
| FlexBox | Stack (for simple cases) | - |
| FourOhFour | - | - |
| GlobalStyles | no longer needed | GlobalStyles migration guide |
| Header | - | |
| InlineEdit | - | - |
| Label | Label migration guide | |
| Modal | Modal migration guide | |
| NavTab | NavTab migration guide | |
| Pagination | - | |
| Phone | no replacement; can be built from other components | - |
| ProgressBar | - | - |
| Radio | Radio migration guide | |
| RadioGroup | RadioGroup migration guide | |
| Robot | - | - |
| Select | Select (for single selection without filtering) ComboBox (for single selection with filtering) TagField (for multiple selection with filtering) | Select migration guide |
| SelectWrapper | Select (for single selection without filtering) ComboBox (for single selection with filtering) TagField (for multiple selection with filtering) | SelectWrapper migration guide |
| Slider | - | - |
| Snackbar | - | |
| Spinner | Spinner migration guide | |
| Stepper | - | |
| Table | - | |
| ReactTableV6 | - | |
| TabMenu | - | - |
| TabCard | TabCard migration guide | |
| Tag | Tag migration guide | |
| TextArea | TextArea migration guide | |
| TextField | TextField (if used for non-numeric input) NumberField (if used for numeric input) SearchField (if used for search queries) | TextField migration guide |
| Toggle | - | |
| Tooltip | Tooltip (if shown on hover/focus, no interactive content) Popover (if shown on press, interactive content) | Tooltip migration guide |