HomeVendure CoreShow hidden breadcrumbs...RoutesRegisterRouteComponentOn this pageRegisterRouteComponent@vendure/admin-uiSource Registers an Angular standalone component to be rendered in a route. Example routes.tsimport { registerRouteComponent } from '@vendure/admin-ui/core';import { registerReactRouteComponent } from '@vendure/admin-ui/react';import { ProductReviewDetailComponent } from './components/product-review-detail/product-review-detail.component';import { AllProductReviewsList } from './components/all-product-reviews-list/all-product-reviews-list.component';import { GetReviewDetailDocument } from './generated-types';export default [ registerRouteComponent({ path: '', component: AllProductReviewsList, breadcrumb: 'Product reviews', }), registerRouteComponent({ path: ':id', component: ProductReviewDetailComponent, query: GetReviewDetailDocument, entityKey: 'productReview', getBreadcrumbs: entity => [ { label: 'Product reviews', link: ['/extensions', 'product-reviews'], }, { label: `#${entity?.id} (${entity?.product.name})`, link: [], }, ], }),]; Signaturefunction registerRouteComponent<Component extends any | BaseDetailComponent<Entity>, Entity extends { id: string; updatedAt?: string }, T extends DocumentNode | TypedDocumentNode<any, { id: string }>, Field extends keyof ResultOf<T>, R extends Field>(options: RegisterRouteComponentOptions<Component, Entity, T, Field, R>): void Parameters options parameterRegisterRouteComponentOptions<Component, Entity, T, Field, R>Was this chapter helpful?It was helpfulIt wasn't helpfulReport IssuePreviousRoutesNextRegisterRouteComponentOptionsEdited Jan 28, 2026ยทEdit this page