vertumnus/primevue-mirror
1
0
Fork 0
mirror of https://github.com/primefaces/primevue.git synced 2025-05-10 17:32:36 +00:00
Code Issues Projects Releases Packages Wiki Activity

New components added to demos

Browse source
This commit is contained in:
tugcekucukoglu 2024-01-30 11:04:48 +03:00
parent 8af1ec6eb7
commit 2032fd5216
28 changed files with 373 additions and 272 deletions
Download patch file Download diff file Expand all files Collapse all files

64
doc/focustrap/BasicDoc.vue
View file

@ -5,16 +5,20 @@
<div class="card flex justify-content-center p-fluid">
<div v-focustrap class="w-full" style="max-width: 20rem">
<div class="field">
<div class="p-input-icon-right">
<i class="pi pi-user" />
<IconField>
<InputIcon>
<i class="pi pi-user" />
</InputIcon>
<InputText id="input" v-model="name" type="text" placeholder="Name" autofocus />
</div>
</IconField>
</div>
<div class="field">
<div class="p-input-icon-right">
<i class="pi pi-envelope" />
<IconField>
<InputIcon>
<i class="pi pi-envelope" />
</InputIcon>
<InputText id="email" v-model="email" type="email" placeholder="Email" />
</div>
</IconField>
</div>
<div class="field-checkbox">
<Checkbox id="accept" v-model="accept" name="accept" value="Accept" />
@ -37,16 +41,20 @@ export default {
basic: `
<div v-focustrap class="w-full" style="max-width: 20rem">
<div class="field">
<div class="p-input-icon-right">
<i class="pi pi-user" />
<IconField>
<InputIcon>
<i class="pi pi-user" />
</InputIcon>
<InputText id="input" v-model="name" type="text" placeholder="Name" autofocus />
</div>
</IconField>
</div>
<div class="field">
<div class="p-input-icon-right">
<i class="pi pi-envelope" />
<IconField>
<InputIcon>
<i class="pi pi-envelope" />
</InputIcon>
<InputText id="email" v-model="email" type="email" placeholder="Email" />
</div>
</IconField>
</div>
<div class="field-checkbox">
<Checkbox id="accept" v-model="accept" name="accept" value="Accept" />
@ -60,16 +68,20 @@ export default {
<div class="card flex justify-content-center p-fluid">
<div v-focustrap class="w-full" style="max-width: 20rem">
<div class="field">
<div class="p-input-icon-right">
<i class="pi pi-user" />
<IconField>
<InputIcon>
<i class="pi pi-user" />
</InputIcon>
<InputText id="input" v-model="name" type="text" placeholder="Name" autofocus />
</div>
</IconField>
</div>
<div class="field">
<div class="p-input-icon-right">
<i class="pi pi-envelope" />
<IconField>
<InputIcon>
<i class="pi pi-envelope" />
</InputIcon>
<InputText id="email" v-model="email" type="email" placeholder="Email" />
</div>
</IconField>
</div>
<div class="field-checkbox">
<Checkbox id="accept" v-model="accept" name="accept" value="Accept" />
@ -97,16 +109,20 @@ export default {
<div class="card flex justify-content-center p-fluid">
<div v-focustrap class="w-full" style="max-width: 20rem">
<div class="field">
<div class="p-input-icon-right">
<i class="pi pi-user" />
<IconField>
<InputIcon>
<i class="pi pi-user" />
</InputIcon>
<InputText id="input" v-model="name" type="text" placeholder="Name" autofocus />
</div>
</IconField>
</div>
<div class="field">
<div class="p-input-icon-right">
<i class="pi pi-envelope" />
<IconField>
<InputIcon>
<i class="pi pi-envelope" />
</InputIcon>
<InputText id="email" v-model="email" type="email" placeholder="Email" />
</div>
</IconField>
</div>
<div class="field-checkbox">
<Checkbox id="accept" v-model="accept" name="accept" value="Accept" />