Icon and ripple fix
This commit is contained in:
parent
cb2ea219d4
commit
a19ef0f813
14226
package-lock.json
generated
14226
package-lock.json
generated
File diff suppressed because it is too large
Load Diff
@ -22,11 +22,11 @@ import {AppComponent} from './app.component';
|
|||||||
export class AppMenuComponent implements OnInit {
|
export class AppMenuComponent implements OnInit {
|
||||||
|
|
||||||
model: any[];
|
model: any[];
|
||||||
|
|
||||||
constructor(public app: AppComponent){}
|
constructor(public app: AppComponent){}
|
||||||
|
|
||||||
ngOnInit() {
|
ngOnInit() {
|
||||||
|
|
||||||
this.model = [
|
this.model = [
|
||||||
{
|
{
|
||||||
label: 'Home',
|
label: 'Home',
|
||||||
@ -52,13 +52,13 @@ export class AppMenuComponent implements OnInit {
|
|||||||
{label: 'Message', icon: 'pi pi-fw pi-comment', routerLink: ['/uikit/message']},
|
{label: 'Message', icon: 'pi pi-fw pi-comment', routerLink: ['/uikit/message']},
|
||||||
{label: 'File', icon: 'pi pi-fw pi-file', routerLink: ['/uikit/file']},
|
{label: 'File', icon: 'pi pi-fw pi-file', routerLink: ['/uikit/file']},
|
||||||
{label: 'Chart', icon: 'pi pi-fw pi-chart-bar', routerLink: ['/uikit/charts']},
|
{label: 'Chart', icon: 'pi pi-fw pi-chart-bar', routerLink: ['/uikit/charts']},
|
||||||
{label: 'Misc', icon: 'pi pi-fw pi-circle-off', routerLink: ['/uikit/misc']}
|
{label: 'Misc', icon: 'pi pi-fw pi-circle', routerLink: ['/uikit/misc']}
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
label:'UI Blocks',
|
label:'UI Blocks',
|
||||||
items:[
|
items:[
|
||||||
{label: 'Free Blocks', icon: 'pi pi-fw pi-eye', routerLink: ['/blocks'],
|
{label: 'Free Blocks', icon: 'pi pi-fw pi-eye', routerLink: ['/blocks'],
|
||||||
badge:'NEW'},
|
badge:'NEW'},
|
||||||
{label: 'All Blocks', icon: 'pi pi-fw pi-globe', url: ['https://www.primefaces.org/primeblocks-ng/#/']},
|
{label: 'All Blocks', icon: 'pi pi-fw pi-globe', url: ['https://www.primefaces.org/primeblocks-ng/#/']},
|
||||||
]
|
]
|
||||||
@ -73,7 +73,7 @@ export class AppMenuComponent implements OnInit {
|
|||||||
items: [
|
items: [
|
||||||
{label: 'Crud', icon: 'pi pi-fw pi-user-edit', routerLink: ['/pages/crud']},
|
{label: 'Crud', icon: 'pi pi-fw pi-user-edit', routerLink: ['/pages/crud']},
|
||||||
{label: 'Timeline', icon: 'pi pi-fw pi-calendar', routerLink: ['/pages/timeline']},
|
{label: 'Timeline', icon: 'pi pi-fw pi-calendar', routerLink: ['/pages/timeline']},
|
||||||
{label: 'Empty', icon: 'pi pi-fw pi-circle-off', routerLink: ['/pages/empty']}
|
{label: 'Empty', icon: 'pi pi-fw pi-circle', routerLink: ['/pages/empty']}
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
@ -131,4 +131,4 @@ export class AppMenuComponent implements OnInit {
|
|||||||
}
|
}
|
||||||
];
|
];
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -2,8 +2,8 @@
|
|||||||
<div class="col-12 md:col-6">
|
<div class="col-12 md:col-6">
|
||||||
<div class="card">
|
<div class="card">
|
||||||
<h5>Default</h5>
|
<h5>Default</h5>
|
||||||
<button pButton label="Submit" class="mr-2 mb-2"></button>
|
<button pButton pRipple label="Submit" class="mr-2 mb-2"></button>
|
||||||
<button pButton label="Disabled" disabled="true" class="mr-2 mb-2"></button>
|
<button pButton pRipple label="Disabled" disabled="true" class="mr-2 mb-2"></button>
|
||||||
<p-button label="Link" styleClass="p-button-link mr-2 mb-2"></p-button>
|
<p-button label="Link" styleClass="p-button-link mr-2 mb-2"></p-button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@ -63,9 +63,9 @@
|
|||||||
<div class="col-12 md:col-6">
|
<div class="col-12 md:col-6">
|
||||||
<div class="card">
|
<div class="card">
|
||||||
<h5>Icons</h5>
|
<h5>Icons</h5>
|
||||||
<button pButton icon="pi pi-star" class="mr-2 mb-2"></button>
|
<button pButton pRipple icon="pi pi-star-fill" class="mr-2 mb-2"></button>
|
||||||
<button pButton label="Submit" icon="pi pi-bookmark" class="mr-2 mb-2"></button>
|
<button pButton pRipple label="Submit" icon="pi pi-bookmark" class="mr-2 mb-2"></button>
|
||||||
<button pButton label="Submit" icon="pi pi-bookmark" iconPos="right" class="mr-2 mb-2"></button>
|
<button pButton pRipple label="Submit" icon="pi pi-bookmark" iconPos="right" class="mr-2 mb-2"></button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="card">
|
<div class="card">
|
||||||
|
@ -124,7 +124,7 @@ export class AppMenuComponent implements OnInit, AfterViewInit {
|
|||||||
{label: 'Message', icon: 'pi pi-fw pi-comment', routerLink: ['/uikit/message']},
|
{label: 'Message', icon: 'pi pi-fw pi-comment', routerLink: ['/uikit/message']},
|
||||||
{label: 'File', icon: 'pi pi-fw pi-file', routerLink: ['/uikit/file']},
|
{label: 'File', icon: 'pi pi-fw pi-file', routerLink: ['/uikit/file']},
|
||||||
{label: 'Chart', icon: 'pi pi-fw pi-chart-bar', routerLink: ['/uikit/charts']},
|
{label: 'Chart', icon: 'pi pi-fw pi-chart-bar', routerLink: ['/uikit/charts']},
|
||||||
{label: 'Misc', icon: 'pi pi-fw pi-circle-off', routerLink: ['/uikit/misc']}
|
{label: 'Misc', icon: 'pi pi-fw pi-circle', routerLink: ['/uikit/misc']}
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
@ -133,7 +133,7 @@ export class AppMenuComponent implements OnInit, AfterViewInit {
|
|||||||
{label: 'Crud', icon: 'pi pi-fw pi-pencil', routerLink: ['/pages/crud']},
|
{label: 'Crud', icon: 'pi pi-fw pi-pencil', routerLink: ['/pages/crud']},
|
||||||
{label: 'Timeline', icon: 'pi pi-fw pi-calendar', routerLink: ['/pages/timeline']},
|
{label: 'Timeline', icon: 'pi pi-fw pi-calendar', routerLink: ['/pages/timeline']},
|
||||||
{label: 'Not Found', icon: 'pi pi-fw pi-exclamation-circle', routerLink: ['/notfound']},
|
{label: 'Not Found', icon: 'pi pi-fw pi-exclamation-circle', routerLink: ['/notfound']},
|
||||||
{label: 'Empty', icon: 'pi pi-fw pi-circle-off', routerLink: ['/pages/empty']}
|
{label: 'Empty', icon: 'pi pi-fw pi-circle', routerLink: ['/pages/empty']}
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
Loading…
Reference in New Issue
Block a user