diff --git a/src/views/uikit/buttondoc.ts b/src/views/uikit/buttondoc.ts new file mode 100644 index 0000000..5df2cc6 --- /dev/null +++ b/src/views/uikit/buttondoc.ts @@ -0,0 +1,200 @@ +import { Component, OnInit } from '@angular/core'; +import {ButtonModule} from "primeng/button"; +import {ButtonGroupModule} from "primeng/buttongroup"; +import {SplitButtonModule} from "primeng/splitbutton"; +import {MenuItem} from "primeng/api"; + +@Component({ + standalone: true, + imports: [ButtonModule, ButtonGroupModule, SplitButtonModule], + template: `
+
+
+
Default
+
+ + + +
+
+
+
Severities
+
+ + + + + + + + +
+
+
+
Text
+
+ + + + + + + + +
+
+
+
Outlined
+
+ + + + + + + + +
+
+
+
Group
+
+ + + + + +
+
+
+
SplitButton
+
+ + + + + + + + +
+
+
+
Templating
+
+ + logo + + + logo + PrimeNG + +
+
+
+
+
+
Icons
+
+ + + +
+
+
+
Raised
+
+ + + + + + + + +
+
+
+
Rounded
+
+ + + + + + + + +
+
+
+
Rounded Icons
+
+ + + + + + + +
+
+
+
Rounded Text
+
+ + + + + + + +
+
+
+
Rounded Outlined
+
+ + + + + + + +
+
+
+
Loading
+
+ + + + +
+
+
+
+ ` +}) +export class ButtonDoc implements OnInit { + + items: MenuItem[] = []; + + loading = [false, false, false, false]; + + ngOnInit() { + this.items = [ + { label: 'Update', icon: 'pi pi-refresh' }, + { label: 'Delete', icon: 'pi pi-times' }, + { label: 'Angular.io', icon: 'pi pi-info', url: 'http://angular.io' }, + { separator: true }, + { label: 'Setup', icon: 'pi pi-cog' } + ]; + } + + load(index: number) { + this.loading[index] = true; + setTimeout(() => this.loading[index] = false, 1000); + } + +}