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	Disclosure	Accordion migration guide
Alert	Alert (if rendered dynamically in response to user action) Callout (for all other use cases)	Alert migration guide
Breadcrumbs	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	Card	-
Carousel	-	-
Checkbox	Checkbox	Checkbox migration guide
CodeBlock	CodeBlock	CodeBlock migration guide
Copy	CopyButton (if used as a button) CopyInline (if used inline)	Copy migration guide
CurrencySelector	no replacement; can be built from other components	-
DatePicker	DatePicker	-
Documentation	-	-
DragAndDrop	-	-
Drawer	Drawer	Drawer migration guide
Dropdown	Menu	Dropdown migration guide
FlexBox	Stack (for simple cases)	-
FourOhFour	-	-
GlobalStyles	no longer needed	GlobalStyles migration guide
Header	AppHeader	-
InlineEdit	-	-
Label	Badge	Label migration guide
Modal	AlertDialog (for confirmation dialogs that need a user's response) ModalDialog (for all other cases)	Modal migration guide
NavTab	LinkTabs	NavTab migration guide
Pagination	Pagination	-
Phone	no replacement; can be built from other components	-
ProgressBar	ProgressBar	ProgressBar migration guide
Radio	Radio	Radio migration guide
RadioGroup	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	Slider	Slider migration guide
Snackbar	Toast	Snackbar migration guide
Spinner	Spinner	Spinner migration guide
Stepper	Stepper	-
Table	Table	-
ReactTableV6	Table	-
TabMenu	-	-
TabCard	Tabs	TabCard migration guide
Tag	Tag	Tag migration guide
TextArea	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	Switch	Toggle migration guide
Tooltip	Tooltip (if shown on hover/focus, no interactive content) Popover (if shown on press, interactive content)	Tooltip migration guide