diff --git a/src/app/showcase/doc/overlaypanel/basicdoc.ts b/src/app/showcase/doc/overlaypanel/basicdoc.ts index 71fca32f4c3..806f61d5559 100644 --- a/src/app/showcase/doc/overlaypanel/basicdoc.ts +++ b/src/app/showcase/doc/overlaypanel/basicdoc.ts @@ -22,10 +22,10 @@ import { Code } from '@domain/code';
Invite Member - - - - +
+ + +
Team Members @@ -57,26 +57,105 @@ export class BasicDoc { ]; code: Code = { - basic: ` - product - -`, + basic: ` + +
+
+ Share this document + + + + + + +
+
+ Invite Member +
+ + +
+
+
+ Team Members +
    +
  • + +
    + {{ member.name }} +
    {{ member.email }}
    +
    +
    + {{ member.role }} + +
    +
    • +
+
+
+ `, - html: ` -
+ html: `
+ - product +
+
+ Share this document + + + + + + +
+
+ Invite Member +
+ + +
+
+
+ Team Members +
    +
  • + +
    + {{ member.name }} +
    {{ member.email }}
    +
    +
    + {{ member.role }} + +
    +
    • +
+
+
-
`, - typescript: ` -import { Component } from '@angular/core'; + typescript: `import { Component } from '@angular/core'; +import { OverlayPanelModule } from 'primeng/overlaypanel'; +import { InputGroupModule } from 'primeng/inputgroup'; +import { InputGroupAddonModule } from 'primeng/inputgroupaddon'; +import { ButtonModule } from 'primeng/button'; +import { InputTextModule } from 'primeng/inputtext'; +import { ChipsModule } from 'primeng/chips'; +import { CommonModule } from '@angular/common'; @Component({ selector: 'overlay-panel-basic-demo', - templateUrl: './overlay-panel-basic-demo.html' + templateUrl: './overlay-panel-basic-demo.html', + standalone: true, + imports: [OverlayPanelModule, InputGroupModule, InputGroupAddonModule, ButtonModule, InputTextModule, ChipsModule, CommonModule] }) -export class OverlayPanelBasicDemo {}` +export class OverlayPanelBasicDemo { + members = [ + { name: 'Amy Elsner', image: 'amyelsner.png', email: 'amy@email.com', role: 'Owner' }, + { name: 'Bernardo Dominic', image: 'bernardodominic.png', email: 'bernardo@email.com', role: 'Editor' }, + { name: 'Ioni Bowcher', image: 'ionibowcher.png', email: 'ioni@email.com', role: 'Viewer' } + ]; +}` }; }