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

Update ifta demo

pull/6454/head
Cagatay Civici 2024-09-20 21:08:09 +03:00
parent 52da6269bc
commit e27238b0e8
1 changed files with 20 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
apps/showcase/doc/inputgroup/IftaLabelDoc.vue
View File

@ -4,12 +4,13 @@
</DocSectionText> </DocSectionText>
<div class="card flex justify-center"> <div class="card flex justify-center">
<InputGroup class="md:w-80"> <InputGroup class="md:w-80">
<InputGroupAddon>USD</InputGroupAddon> <InputGroupAddon>
<i class="pi pi-shopping-cart"></i>
</InputGroupAddon>
<IftaLabel> <IftaLabel>
<InputText id="price" v-model="value" /> <InputNumber v-model="value" inputId="price" mode="currency" currency="USD" locale="en-US" />
<label for="price">Price</label> <label for="price">Price</label>
</IftaLabel> </IftaLabel>
<InputGroupAddon>.00</InputGroupAddon>
</InputGroup> </InputGroup>
</div> </div>
<DocSectionCode :code="code" /> <DocSectionCode :code="code" />
@ -19,28 +20,30 @@
export default { export default {
data() { data() {
return { return {
value: null, value: 10,
code: { code: {
basic: ` basic: `
<InputGroup> <InputGroup class="md:w-80">
<InputGroupAddon>USD</InputGroupAddon> <InputGroupAddon>
<i class="pi pi-shopping-cart"></i>
</InputGroupAddon>
<IftaLabel> <IftaLabel>
<InputText id="price" v-model="value" /> <InputNumber v-model="value" inputId="price" mode="currency" currency="USD" locale="en-US" />
<label for="price">Price</label> <label for="price">Price</label>
</IftaLabel> </IftaLabel>
<InputGroupAddon>.00</InputGroupAddon>
</InputGroup> </InputGroup>
`, `,
options: ` options: `
<template> <template>
<div class="card flex justify-center"> <div class="card flex justify-center">
<InputGroup class="md:w-80"> <InputGroup class="md:w-80">
<InputGroupAddon>USD</InputGroupAddon> <InputGroupAddon>
<i class="pi pi-shopping-cart"></i>
</InputGroupAddon>
<IftaLabel> <IftaLabel>
<InputText id="price" v-model="value" /> <InputNumber v-model="value" inputId="price" mode="currency" currency="USD" locale="en-US" />
<label for="price">Price</label> <label for="price">Price</label>
</IftaLabel> </IftaLabel>
<InputGroupAddon>.00</InputGroupAddon>
</InputGroup> </InputGroup>
</div> </div>
</template> </template>
@ -49,7 +52,7 @@ export default {
export default { export default {
data() { data() {
return { return {
value: null value: 10
} }
} }
} }
@ -59,12 +62,13 @@ export default {
<template> <template>
<div class="card flex justify-center"> <div class="card flex justify-center">
<InputGroup class="md:w-80"> <InputGroup class="md:w-80">
<InputGroupAddon>USD</InputGroupAddon> <InputGroupAddon>
<i class="pi pi-shopping-cart"></i>
</InputGroupAddon>
<IftaLabel> <IftaLabel>
<InputText id="price" v-model="value" /> <InputNumber v-model="value" inputId="price" mode="currency" currency="USD" locale="en-US" />
<label for="price">Price</label> <label for="price">Price</label>
</IftaLabel> </IftaLabel>
<InputGroupAddon>.00</InputGroupAddon>
</InputGroup> </InputGroup>
</div> </div>
</template> </template>
@ -72,7 +76,7 @@ export default {
<script setup> <script setup>
import { ref } from 'vue'; import { ref } from 'vue';
const value = ref(null); const value = ref(10);
<\/script> <\/script>
` `
} }