Menu demo update
This commit is contained in:
parent
225135f27c
commit
7bcda38897
@ -3,9 +3,9 @@ import { Component } from '@angular/core';
|
||||
@Component({
|
||||
selector: 'app-confirmationdemo',
|
||||
template: `
|
||||
<div class="flex align-items-center py-5 px-3">
|
||||
<div class="flex flex-column align-items-center py-5 px-3">
|
||||
<i class="pi pi-fw pi-check mr-2 text-2xl"></i>
|
||||
<p class="m-0 text-lg">Confirmation Component Content via Child Route</p>
|
||||
<p class="m-0 mt-5 text-center text-lg">Confirmation Component Content via Child Route</p>
|
||||
</div>
|
||||
`
|
||||
})
|
||||
|
@ -3,9 +3,9 @@ import { Component } from '@angular/core';
|
||||
@Component({
|
||||
selector: 'app-paymentdemo',
|
||||
template: `
|
||||
<div class="flex align-items-center py-5 px-3">
|
||||
<div class="flex flex-column align-items-center py-5 px-3">
|
||||
<i class="pi pi-fw pi-money-bill mr-2 text-2xl"></i>
|
||||
<p class="m-0 text-lg">Payment Component Content via Child Route</p>
|
||||
<p class="m-0 mt-5 text-center text-lg">Payment Component Content via Child Route</p>
|
||||
</div>
|
||||
`
|
||||
})
|
||||
|
@ -3,9 +3,9 @@ import { Component } from '@angular/core';
|
||||
@Component({
|
||||
selector: 'app-personaldemo',
|
||||
template: `
|
||||
<div class="flex align-items-center py-5 px-3">
|
||||
<div class="flex flex-column align-items-center py-5 px-3">
|
||||
<i class="pi pi-fw pi-user mr-2 text-2xl"></i>
|
||||
<p class="m-0 text-lg">Personal Component Content via Child Route</p>
|
||||
<p class="mt-5 text-center text-lg">Personal Component Content via Child Route</p>
|
||||
</div>
|
||||
`
|
||||
})
|
||||
|
@ -3,9 +3,9 @@ import { Component } from '@angular/core';
|
||||
@Component({
|
||||
selector: 'app-seatdemo',
|
||||
template: `
|
||||
<div class="flex align-items-center py-5 px-3">
|
||||
<div class="flex flex-column align-items-center py-5 px-3">
|
||||
<i class="pi pi-fw pi-ticket mr-2 text-2xl"></i>
|
||||
<p class="m-0 text-lg">Seat Component Content via Child Route</p>
|
||||
<p class="m-0 mt-5 text-center text-lg">Seat Component Content via Child Route</p>
|
||||
</div>
|
||||
`
|
||||
})
|
||||
|
@ -21,19 +21,16 @@
|
||||
</div>
|
||||
|
||||
<div class="col-12">
|
||||
<div class="card flex flex-wrap">
|
||||
<div class="col-12 md:col-8">
|
||||
<div class="card-w-title">
|
||||
<div class="card card-w-title flex flex-wrap">
|
||||
<div class="col-12">
|
||||
<h5>TabMenu and Steps</h5>
|
||||
<p>TabMenu and Steps are integrated with the same child routes.</p>
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<div class="col-12 md:col-8">
|
||||
<p-tabMenu [model]="routeItems"></p-tabMenu>
|
||||
<p-steps [model]="routeItems" styleClass="mt-5" [readonly]="false"></p-steps>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-12 md:col-4 align-self-center">
|
||||
<div class="col-12 md:col-4 align-self-center h-full">
|
||||
<router-outlet></router-outlet>
|
||||
</div>
|
||||
</div>
|
||||
|
Loading…
Reference in New Issue
Block a user