import { Routes } from '@angular/router'; import { ToastrComponent } from './toastr/toastr.component'; import { UploadComponent } from './file-upload/upload.component'; import { EditorComponent } from './editor/editor.component'; import { DragComponent } from './drag-n-drop/drag.component'; export const ExtraComponentsRoutes: Routes = [ { path: '', children: [ { path: 'toastr', component: ToastrComponent, data: { title: 'Toastr Notification', urls: [ { title: 'Dashboard', url: '/dashboard' }, { title: 'Toastr Page' } ] } }, { path: 'upload', component: UploadComponent, data: { title: 'Upload Page', urls: [ { title: 'Dashboard', url: '/dashboard' }, { title: 'Upload Page' } ] } }, { path: 'editor', component: EditorComponent, data: { title: 'Editor Page', urls: [ { title: 'Dashboard', url: '/dashboard' }, { title: 'Editor Page' } ] } }, { path: 'dragndrop', component: DragComponent, data: { title: 'DragComponent Page', urls: [ { title: 'Dashboard', url: '/dashboard' }, { title: 'DragComponent Page' } ] } } ] } ];