diff --git a/docs/assets/uiguide/component-name-updated.png b/docs/assets/uiguide/component-name-updated.png
new file mode 100644
index 0000000000..602e2e551a
Binary files /dev/null and b/docs/assets/uiguide/component-name-updated.png differ
diff --git a/docs/assets/uiguide/select-edit-icon-for-component.png b/docs/assets/uiguide/select-edit-icon-for-component.png
new file mode 100644
index 0000000000..04d693259d
Binary files /dev/null and b/docs/assets/uiguide/select-edit-icon-for-component.png differ
diff --git a/docs/assets/uiguide/tutorial-catalog-info-yaml-file.png b/docs/assets/uiguide/tutorial-catalog-info-yaml-file.png
new file mode 100644
index 0000000000..55d3d24baf
Binary files /dev/null and b/docs/assets/uiguide/tutorial-catalog-info-yaml-file.png differ
diff --git a/docs/assets/uiguide/updated-component-name-in-ui.png b/docs/assets/uiguide/updated-component-name-in-ui.png
new file mode 100644
index 0000000000..7b5a9e5648
Binary files /dev/null and b/docs/assets/uiguide/updated-component-name-in-ui.png differ