📱 Menus MyHome
Le menu permet de naviguer entre les pages du projet.
Chaque entrée de menu correspond à une page MyHome.
📍 Positions disponibles
| Position | Description |
|---|---|
| left | Sidebar gauche fixe |
| right | Sidebar droite fixe |
| top | Barre haute fixe |
| bottom | Barre basse fixe |
↔️ Alignement des items
| Valeur | Rôle |
|---|---|
| flex-start | Début du menu |
| center | Items centrés |
| flex-end | Fin du menu |
| space-between | Items espacés sur toute la longueur |
| space-around | Espacement régulier autour des items |
📐 Taille du menu
Le paramètre Taille menu définit :
- la largeur si le menu est à gauche ou à droite ;
- la hauteur si le menu est en haut ou en bas.
Si le champ est vide, MyHome utilise une valeur automatique.
| Cas | Effet |
|---|---|
| left / right | largeur du menu |
| top / bottom | hauteur du menu |
| vide | valeur par défaut automatique |
🎨 Accent du menu
Deux modes sont disponibles :
| Mode | Description |
|---|---|
| Suivre le thème | Le menu reprend l'accent du thème actif |
| Couleur personnalisée | Le menu utilise une couleur choisie manuellement |
Couleurs rapides proposées :
- Cyan ;
- Jaune ;
- Vert ;
- Orange ;
- Violet ;
- Rose ;
- Rouge.
🏷️ Logo du menu
Le menu peut afficher une zone logo avec :
| Paramètre | Description |
|---|---|
| Titre | Texte principal du logo |
| Sous-titre | Texte secondaire |
| Icône | Classe FontAwesome |
| Couleur icône | Couleur personnalisée |
📋 Entrées de menu
Chaque entrée permet de naviguer vers une page.
Une entrée contient généralement :
| Élément | Description |
|---|---|
| Libellé | Nom affiché dans le menu |
| Icône | Icône de la page |
| Page | Page MyHome cible |
| Ordre | Position dans le menu |
| Visibilité | Afficher ou masquer l'entrée |
💡 Logique conseillée
1. Créer les pages
2. Créer les entrées de menu
3. Associer chaque entrée à une page
4. Choisir les icônes
5. Ajuster l'ordre
6. Tester la navigation
📷 Capture à ajouter
Image commentée à préparer : montrer position, taille, alignement, accent et entrées.