Groupe de concepts
Surfaces attachées à un bord
Comparer un panneau latéral temporaire, une feuille mobile à glisser et une région persistante de la mise en page.
Essaie les 3 concepts, compare ce qui change, puis utilise le Pack adapté à ton besoin.
Essayer les composantsSurfaces attachées à un bord
Essayer
La surface doit-elle rester persistante, entrer depuis un bord latéral ou monter depuis le bas ?
Volet latéral
Contexte commun aux essais
Un espace de travail place une navigation ou des contrôles complémentaires le long d'un bord de l'écran tout en gardant la tâche principale dans son contexte.
Volet latéral
Mission
Volet latéral - Drawer
Ouvrir les Filtres au bord droit, activer En stock, appliquer, puis rouvrir et appuyer sur Échap pour vérifier que le brouillon est annulé et que le focus revient.
12 résultats
Mobilier de bureau
Bureau compact
En stock
Chaise réglable
Sur commande
Étape 1 sur 3
Essayer
Manipule le composant. Le résultat de ton essai apparaît juste au-dessus. Avance à ton rythme.
Comportement et cas limite
- À observer
- Le panneau modal temporaire arrive de la droite au-dessus de la liste de mobilier, rend ces résultats inertes et restaure le déclencheur Filtres à la fermeture.
- Cas limite
- Sur une largeur étroite, chaque filtre et action reste accessible, et Échap ferme sans appliquer le brouillon modifié aux résultats de mobilier.
Feuille basse
Mission
Feuille basse - Bottom sheet
Sur mobile, ouvrir Filtres, faire passer la feuille de mi-hauteur à pleine hauteur par glissement ou boutons, activer En stock et appliquer.
12 résultats
Mobilier de bureau
Bureau compact
En stock
Chaise réglable
Sur commande
Étape 1 sur 3
Essayer
Manipule le composant. Le résultat de ton essai apparaît juste au-dessus. Avance à ton rythme.
Comportement et cas limite
- À observer
- La feuille mobile temporaire est attachée en bas à mi-hauteur, garde les mêmes résultats de mobilier visibles derrière elle et peut s'ancrer en pleine hauteur.
- Cas limite
- Au clavier, il est possible de développer, replier, appliquer le filtre de disponibilité et fermer sans dépendre du glissement.
Ce que cet essai montre
Un Volet latéral est temporaire et recouvre le contenu ; une Sidebar reste dans la mise en page, tandis qu'un Bottom sheet est ancré en bas et gère le glissement mobile.
Lequel convient à ton besoin ?
Volet latéral
Modifier des filtres sans quitter les résultats
Feuille basse
Afficher les détails d'un lieu sur une carte mobile
Différence et sources
Un Volet latéral est temporaire et recouvre le contenu ; une Sidebar reste dans la mise en page, tandis qu'un Bottom sheet est ancré en bas et gère le glissement mobile.
Consulter les sourcesParties du spécimen
Sélectionne un repère numéroté sur le schéma, ou utilise la liste ci-dessous, pour afficher son rôle. Le schéma montre l'état représentatif du concept.
Voile de fond
La couche qui sépare une surface modale du contenu de page inactif.
Les trois concepts
Les trois comparaisons
Signaux que tu les confonds
Ces descriptions correspondent à tous les concepts du groupe : aucune ne suffit à décider.
- un panneau complémentaire est attaché à un bord latéral ou inférieur
- le contenu de bord peut recouvrir la page rester à côté ou bouger sur mobile