feat : ajout d'un fichier helper pour claude

This commit is contained in:
2026-03-24 11:48:41 +01:00
parent bcadd46ce2
commit 57e40cb3fa
6 changed files with 459 additions and 0 deletions

View File

@@ -355,3 +355,32 @@ Barre latérale de navigation rétractable.
<template #logo-collapsed><img src="/logo-small.png" /></template>
</MalioSidebar>
```
---
## MalioDrawer
Panneau latéral (drawer) qui s'ouvre depuis la droite avec backdrop semi-transparent.
| Prop | Type | Défaut | Description |
|------|------|--------|-------------|
| `id` | `string` | auto | Identifiant HTML |
| `modelValue` | `boolean` | `undefined` | État ouvert/fermé (v-model) |
| `title` | `string` | `''` | Titre affiché dans le header |
| `showClose` | `boolean` | `true` | Afficher le bouton de fermeture (croix) |
| `drawerClass` | `string` | `''` | Classes CSS panneau (twMerge) |
**Events :** `update:modelValue(value: boolean)`
**Slots :** `default` (contenu du drawer)
```vue
<MalioDrawer v-model="isOpen" title="Détails">
<p>Contenu du drawer</p>
</MalioDrawer>
<MalioDrawer v-model="isOpen" title="Sans croix" :show-close="false">
<p>Fermeture uniquement via backdrop</p>
</MalioDrawer>
<MalioDrawer v-model="isOpen" title="Large" drawer-class="max-w-2xl">
<p>Drawer plus large</p>
</MalioDrawer>
```