vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Updates steps demo

pull/345/head
cagataycivici 2020-05-11 13:50:09 +03:00
parent 7f7de11e54
commit 537f540dde
6 changed files with 35 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/views/card/CardDemo.vue
View File

@ -13,8 +13,8 @@
Simple Card
</template>
<template slot="content">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore sed consequuntur error repudiandae numquam deserunt
quisquam repellat libero asperiores earum nam nobis, culpa ratione quam perferendis esse, cupiditate neque quas!
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore sed consequuntur error repudiandae numquam deserunt
quisquam repellat libero asperiores earum nam nobis, culpa ratione quam perferendis esse, cupiditate neque quas!</p>
</template>
</Card>
@ -26,8 +26,8 @@
Advanced Card
</template>
<template slot="content">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore sed consequuntur error repudiandae numquam deserunt
quisquam repellat libero asperiores earum nam nobis, culpa ratione quam perferendis esse, cupiditate neque quas!
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore sed consequuntur error repudiandae numquam deserunt
quisquam repellat libero asperiores earum nam nobis, culpa ratione quam perferendis esse, cupiditate neque quas!</p>
</template>
<template slot="footer">
<Button icon="pi pi-check" label="Save" class="p-button-raised" />
@ -48,4 +48,11 @@ export default {
'CardDoc': CardDoc
}
}
</script>
</script>
<style lang="scss" scoped>
p {
line-height: 1.5;
margin: 0;
}
</style>

8
src/views/card/CardDoc.vue
View File

@ -86,8 +86,8 @@ import Card from 'primevue/card';
Simple Card
&lt;/template&gt;
&lt;template slot="content"&gt;
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore sed consequuntur error repudiandae numquam deserunt
quisquam repellat libero asperiores earum nam nobis, culpa ratione quam perferendis esse, cupiditate neque quas!
&lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore sed consequuntur error repudiandae numquam deserunt
quisquam repellat libero asperiores earum nam nobis, culpa ratione quam perferendis esse, cupiditate neque quas!&lt;/p&gt;
&lt;/template&gt;
&lt;/Card&gt;
@ -99,8 +99,8 @@ import Card from 'primevue/card';
Advanced Card
&lt;/template&gt;
&lt;template slot="content"&gt;
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore sed consequuntur error repudiandae numquam deserunt
quisquam repellat libero asperiores earum nam nobis, culpa ratione quam perferendis esse, cupiditate neque quas!
&lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore sed consequuntur error repudiandae numquam deserunt
quisquam repellat libero asperiores earum nam nobis, culpa ratione quam perferendis esse, cupiditate neque quas!&lt;/p&gt;
&lt;/template&gt;
&lt;template slot="footer"&gt;
&lt;Button icon="pi pi-check" label="Save" class="p-button-raised" /&gt;

4
src/views/steps/PaymentDemo.vue
View File

@ -4,8 +4,10 @@
<template slot="title">
Payment Information
</template>
<template slot="subtitle">
Enter your card details
</template>
<template slot="content">
<p class="p-text-secondary">Enter your card details</p>
<div class="p-fluid p-formgrid p-grid">
<div class="p-field p-col-12">
<label for="class">Class</label>

4
src/views/steps/PersonalDemo.vue
View File

@ -4,8 +4,10 @@
<template slot="title">
Personal Information
</template>
<template slot="subtitle">
Enter your personal information
</template>
<template slot="content">
<p class="p-text-secondary">Enter your information</p>
<div class="p-fluid">
<div class="p-field">
<label for="firstname">Firstname</label>

4
src/views/steps/SeatDemo.vue
View File

@ -4,8 +4,10 @@
<template slot="title">
Seat Information
</template>
<template slot="subtitle">
Choose your seat
</template>
<template slot="content">
<p class="p-text-secondary">Choose your seat</p>
<div class="p-fluid p-formgrid p-grid">
<div class="p-field p-col-12 p-md-6">
<label for="class">Class</label>

13
src/views/steps/StepsDoc.vue
View File

@ -185,6 +185,9 @@ export default {
&lt;template slot="title"&gt;
Personal Information
&lt;/template&gt;
&lt;template slot="subtitle"&gt;
Enter your information
&lt;/template&gt;
&lt;template slot="content"&gt;
&lt;p class="p-text-secondary"&gt;Enter your information&lt;/p&gt;
&lt;div class="p-fluid"&gt;
@ -258,11 +261,13 @@ export default {
<template v-pre>
&lt;div class="stepsdemo-content"&gt;
&lt;Card&gt;
&lt;template slot="title"&gt;
&lt;template slot="title"&gt;
Seat Information
&lt;/template&gt;
&lt;template slot="subtitle"&gt;
Choose your seat
&lt;/template&gt;
&lt;template slot="content"&gt;
&lt;p class="p-text-secondary"&gt;Choose your seat&lt;/p&gt;
&lt;div class="p-fluid p-formgrid p-grid"&gt;
&lt;div class="p-field p-col-12 p-md-6"&gt;
&lt;label for="class"&gt;Class&lt;/label&gt;
@ -341,8 +346,10 @@ export default {
&lt;template slot="title"&gt;
Payment Information
&lt;/template&gt;
&lt;template slot="subtitle"&gt;
Enter your card details
&lt;/template&gt;
&lt;template slot="content"&gt;
&lt;p class="p-text-secondary"&gt;Enter your card details&lt;/p&gt;
&lt;div class="p-fluid p-formgrid p-grid"&gt;
&lt;div class="p-field p-col-12"&gt;
&lt;label for="class"&gt;Class&lt;/label&gt;