# MalioDrawer Panneau latéral (drawer) qui s'ouvre depuis la droite avec un fond semi-transparent. ## Props détaillées | Prop | Type | Défaut | Description | |------|------|--------|-------------| | `id` | `string` | auto-généré | Identifiant HTML du drawer | | `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 additionnelles sur le panneau (fusionnées via `twMerge`) | ## Comportement - Le drawer s'ouvre en glissant depuis la droite avec une transition - Un backdrop semi-transparent couvre le reste de la page - Clic sur le backdrop ferme le drawer - Bouton de fermeture (croix) en haut à droite, masquable via `showClose` - Contenu scrollable si plus haut que la fenêtre - Teleport vers `` pour éviter les problèmes de z-index ## Accessibilité - `role="dialog"` et `aria-modal="true"` sur le panneau - `aria-labelledby` lié au titre - Bouton fermer avec `aria-label="Fermer"` ## Events | Event | Payload | Description | |-------|---------|-------------| | `update:modelValue` | `boolean` | Émis à la fermeture (backdrop ou bouton) | ## Slots | Slot | Description | |------|-------------| | `default` | Contenu du drawer |