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 Simple Card
</template> </template>
<template slot="content"> <template slot="content">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore sed consequuntur error repudiandae numquam deserunt <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! quisquam repellat libero asperiores earum nam nobis, culpa ratione quam perferendis esse, cupiditate neque quas!</p>
</template> </template>
</Card> </Card>
@ -26,8 +26,8 @@
Advanced Card Advanced Card
</template> </template>
<template slot="content"> <template slot="content">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore sed consequuntur error repudiandae numquam deserunt <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! quisquam repellat libero asperiores earum nam nobis, culpa ratione quam perferendis esse, cupiditate neque quas!</p>
</template> </template>
<template slot="footer"> <template slot="footer">
<Button icon="pi pi-check" label="Save" class="p-button-raised" /> <Button icon="pi pi-check" label="Save" class="p-button-raised" />
@ -48,4 +48,11 @@ export default {
'CardDoc': CardDoc '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 Simple Card
&lt;/template&gt; &lt;/template&gt;
&lt;template slot="content"&gt; &lt;template slot="content"&gt;
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore sed consequuntur error repudiandae numquam deserunt &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! quisquam repellat libero asperiores earum nam nobis, culpa ratione quam perferendis esse, cupiditate neque quas!&lt;/p&gt;
&lt;/template&gt; &lt;/template&gt;
&lt;/Card&gt; &lt;/Card&gt;
@ -99,8 +99,8 @@ import Card from 'primevue/card';
Advanced Card Advanced Card
&lt;/template&gt; &lt;/template&gt;
&lt;template slot="content"&gt; &lt;template slot="content"&gt;
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore sed consequuntur error repudiandae numquam deserunt &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! quisquam repellat libero asperiores earum nam nobis, culpa ratione quam perferendis esse, cupiditate neque quas!&lt;/p&gt;
&lt;/template&gt; &lt;/template&gt;
&lt;template slot="footer"&gt; &lt;template slot="footer"&gt;
&lt;Button icon="pi pi-check" label="Save" class="p-button-raised" /&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"> <template slot="title">
Payment Information Payment Information
</template> </template>
<template slot="subtitle">
Enter your card details
</template>
<template slot="content"> <template slot="content">
<p class="p-text-secondary">Enter your card details</p>
<div class="p-fluid p-formgrid p-grid"> <div class="p-fluid p-formgrid p-grid">
<div class="p-field p-col-12"> <div class="p-field p-col-12">
<label for="class">Class</label> <label for="class">Class</label>

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

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

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

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

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

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