From 06f9b0218a0709d9052f888c558e6dc2a0c50e2f Mon Sep 17 00:00:00 2001
From: tristan <tristan@yuno.malio.fr>
Date: Wed, 24 Jun 2026 16:33:29 +0200
Subject: [PATCH] feat(playground) : formulaire client utilise MalioRadioGroup

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 .playground/pages/composant/form/client.vue | 22 +++++++++++++++++++++
 1 file changed, 22 insertions(+)

diff --git a/.playground/pages/composant/form/client.vue b/.playground/pages/composant/form/client.vue
index 3650407..443a17d 100644
--- a/.playground/pages/composant/form/client.vue
+++ b/.playground/pages/composant/form/client.vue
@@ -68,6 +68,22 @@
           ]"
         />
         <MalioCheckbox label="Prestation de triage" groupClass="self-center"/>
+        <MalioRadioGroup
+          v-model="prestationChoice"
+          :options="prestationOptions"
+          inline
+          error="Sélection requise"
+        />
+        <MalioSelect
+          v-model="fournisseur"
+          value=""
+          label="Fournisseur"
+          error="Sélection requise"
+          :options="[
+            {label: 'Fournisseur 1', value: 'Fournisseur 1'},
+            {label: 'Fournisseur 2', value: 'Fournisseur 2'},
+          ]"
+        />
       </div>
 
       <div class="mt-12 flex justify-center">
@@ -188,6 +204,12 @@ const distributeur = ref<string>('')
 const phones = ref<string[]>([''])
 const nomDistributeur = ref<string>('')
 const nomCourtier = ref<string>('')
+const fournisseur = ref<string>('')
+const prestationChoice = ref<string | null>(null)
+const prestationOptions = [
+  {label: 'Oui', value: 'oui'},
+  {label: 'Non', value: 'non'},
+]
 
 function addPhoneInput() {
   phones.value.push('')