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

Update FormsDoc.vue

pull/6620/head^2
tugcekucukoglu 2024-10-24 17:41:45 +03:00
parent 22f908a00b
commit 3317ebbb23
1 changed files with 32 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

64
apps/showcase/doc/radiobutton/FormsDoc.vue
View File

@ -6,20 +6,20 @@
<Form v-slot="$form" :resolver="resolver" :initialValues="initialValues" @submit="onFormSubmit" class="flex flex-col gap-4"> <Form v-slot="$form" :resolver="resolver" :initialValues="initialValues" @submit="onFormSubmit" class="flex flex-col gap-4">
<RadioButtonGroup name="radiobutton" class="flex flex-wrap gap-4"> <RadioButtonGroup name="radiobutton" class="flex flex-wrap gap-4">
<div class="flex items-center gap-2"> <div class="flex items-center gap-2">
<RadioButton inputId="ingredient1" value="Cheese" /> <RadioButton inputId="cheese" value="Cheese" />
<label for="ingredient1">Cheese</label> <label for="cheese">Cheese</label>
</div> </div>
<div class="flex items-center gap-2"> <div class="flex items-center gap-2">
<RadioButton inputId="ingredient2" value="Mushroom" /> <RadioButton inputId="mushroom" value="Mushroom" />
<label for="ingredient2">Mushroom</label> <label for="mushroom">Mushroom</label>
</div> </div>
<div class="flex items-center gap-2"> <div class="flex items-center gap-2">
<RadioButton inputId="ingredient3" value="Pepper" /> <RadioButton inputId="pepper" value="Pepper" />
<label for="ingredient3">Pepper</label> <label for="pepper">Pepper</label>
</div> </div>
<div class="flex items-center gap-2"> <div class="flex items-center gap-2">
<RadioButton inputId="ingredient4" value="Onion" /> <RadioButton inputId="onion" value="Onion" />
<label for="ingredient4">Onion</label> <label for="onion">Onion</label>
</div> </div>
</RadioButtonGroup> </RadioButtonGroup>
<Message v-if="$form.radiobutton?.invalid" severity="error" icon="pi pi-times-circle">{{ $form.radiobutton.error?.message }}</Message> <Message v-if="$form.radiobutton?.invalid" severity="error" icon="pi pi-times-circle">{{ $form.radiobutton.error?.message }}</Message>
@ -49,20 +49,20 @@ export default {
<Form v-slot="$form" :resolver="resolver" :initialValues="initialValues" @submit="onFormSubmit" class="flex flex-col gap-4"> <Form v-slot="$form" :resolver="resolver" :initialValues="initialValues" @submit="onFormSubmit" class="flex flex-col gap-4">
<RadioButtonGroup name="radiobutton" class="flex flex-wrap gap-4"> <RadioButtonGroup name="radiobutton" class="flex flex-wrap gap-4">
<div class="flex items-center gap-2"> <div class="flex items-center gap-2">
<RadioButton inputId="ingredient1" value="Cheese" /> <RadioButton inputId="cheese" value="Cheese" />
<label for="ingredient1">Cheese</label> <label for="cheese">Cheese</label>
</div> </div>
<div class="flex items-center gap-2"> <div class="flex items-center gap-2">
<RadioButton inputId="ingredient2" value="Mushroom" /> <RadioButton inputId="mushroom" value="Mushroom" />
<label for="ingredient2">Mushroom</label> <label for="mushroom">Mushroom</label>
</div> </div>
<div class="flex items-center gap-2"> <div class="flex items-center gap-2">
<RadioButton inputId="ingredient3" value="Pepper" /> <RadioButton inputId="pepper" value="Pepper" />
<label for="ingredient3">Pepper</label> <label for="pepper">Pepper</label>
</div> </div>
<div class="flex items-center gap-2"> <div class="flex items-center gap-2">
<RadioButton inputId="ingredient4" value="Onion" /> <RadioButton inputId="onion" value="Onion" />
<label for="ingredient4">Onion</label> <label for="onion">Onion</label>
</div> </div>
</RadioButtonGroup> </RadioButtonGroup>
<Message v-if="$form.radiobutton?.invalid" severity="error" icon="pi pi-times-circle">{{ $form.radiobutton.error?.message }}</Message> <Message v-if="$form.radiobutton?.invalid" severity="error" icon="pi pi-times-circle">{{ $form.radiobutton.error?.message }}</Message>
@ -75,20 +75,20 @@ export default {
<Form v-slot="$form" :resolver="resolver" :initialValues="initialValues" @submit="onFormSubmit" class="flex flex-col gap-4"> <Form v-slot="$form" :resolver="resolver" :initialValues="initialValues" @submit="onFormSubmit" class="flex flex-col gap-4">
<RadioButtonGroup name="radiobutton" class="flex flex-wrap gap-4"> <RadioButtonGroup name="radiobutton" class="flex flex-wrap gap-4">
<div class="flex items-center gap-2"> <div class="flex items-center gap-2">
<RadioButton inputId="ingredient1" value="Cheese" /> <RadioButton inputId="cheese" value="Cheese" />
<label for="ingredient1">Cheese</label> <label for="cheese">Cheese</label>
</div> </div>
<div class="flex items-center gap-2"> <div class="flex items-center gap-2">
<RadioButton inputId="ingredient2" value="Mushroom" /> <RadioButton inputId="mushroom" value="Mushroom" />
<label for="ingredient2">Mushroom</label> <label for="mushroom">Mushroom</label>
</div> </div>
<div class="flex items-center gap-2"> <div class="flex items-center gap-2">
<RadioButton inputId="ingredient3" value="Pepper" /> <RadioButton inputId="pepper" value="Pepper" />
<label for="ingredient3">Pepper</label> <label for="pepper">Pepper</label>
</div> </div>
<div class="flex items-center gap-2"> <div class="flex items-center gap-2">
<RadioButton inputId="ingredient4" value="Onion" /> <RadioButton inputId="onion" value="Onion" />
<label for="ingredient4">Onion</label> <label for="onion">Onion</label>
</div> </div>
</RadioButtonGroup> </RadioButtonGroup>
<Message v-if="$form.radiobutton?.invalid" severity="error" icon="pi pi-times-circle">{{ $form.radiobutton.error?.message }}</Message> <Message v-if="$form.radiobutton?.invalid" severity="error" icon="pi pi-times-circle">{{ $form.radiobutton.error?.message }}</Message>
@ -131,20 +131,20 @@ export default {
<Form v-slot="$form" :resolver="resolver" :initialValues="initialValues" @submit="onFormSubmit" class="flex flex-col gap-4"> <Form v-slot="$form" :resolver="resolver" :initialValues="initialValues" @submit="onFormSubmit" class="flex flex-col gap-4">
<RadioButtonGroup name="radiobutton" class="flex flex-wrap gap-4"> <RadioButtonGroup name="radiobutton" class="flex flex-wrap gap-4">
<div class="flex items-center gap-2"> <div class="flex items-center gap-2">
<RadioButton inputId="ingredient1" value="Cheese" /> <RadioButton inputId="cheese" value="Cheese" />
<label for="ingredient1">Cheese</label> <label for="cheese">Cheese</label>
</div> </div>
<div class="flex items-center gap-2"> <div class="flex items-center gap-2">
<RadioButton inputId="ingredient2" value="Mushroom" /> <RadioButton inputId="mushroom" value="Mushroom" />
<label for="ingredient2">Mushroom</label> <label for="mushroom">Mushroom</label>
</div> </div>
<div class="flex items-center gap-2"> <div class="flex items-center gap-2">
<RadioButton inputId="ingredient3" value="Pepper" /> <RadioButton inputId="pepper" value="Pepper" />
<label for="ingredient3">Pepper</label> <label for="pepper">Pepper</label>
</div> </div>
<div class="flex items-center gap-2"> <div class="flex items-center gap-2">
<RadioButton inputId="ingredient4" value="Onion" /> <RadioButton inputId="onion" value="Onion" />
<label for="ingredient4">Onion</label> <label for="onion">Onion</label>
</div> </div>
</RadioButtonGroup> </RadioButtonGroup>
<Message v-if="$form.radiobutton?.invalid" severity="error" icon="pi pi-times-circle">{{ $form.radiobutton.error?.message }}</Message> <Message v-if="$form.radiobutton?.invalid" severity="error" icon="pi pi-times-circle">{{ $form.radiobutton.error?.message }}</Message>