How to reuse a web component in your application?

After you have installed QWC and PWC, you can import Quark artifacts (QWC and PWC) to reuse in your application module file (app.module.ts). You should add a code snippet similar to the following in your app.module.ts file:

import {SomeModule} from '...';
import {QwcModule} from "@quark/qwc";
import { UserComponentsModule, CollectionComponentsModule, AccessControlComponentsModule, FormComponentsModule, ContentTypesComponentsModule, WorkflowsModule, QuickSearchComponentsModule, ErrorModule, PublishingModule, QueryService, AuthService, AttributeComponentModule, BackgroundTasksModule } from "@quark/platform-components-ng";
@NgModule({
     imports: [..., QwcModule, UserComponentsModule, , CollectionComponentsModule, AccessControlComponentsModule, FormComponentsModule, ContentTypesComponentsModule, WorkflowsModule, QuickSearchComponentsModule, ErrorModule, PublishingModule, QueryService, AuthService, AttributeComponentModule, BackgroundTasksModule],
     declarations: [AppComponent, ...],
     bootstrap: [AppComponent],
})
export class AppModule {}

Note: You do not have to include all the modules from the platform-components-ng library. Import modules based on the use cases of your application.