Éditeur Studio : Empiler des éléments
Temps de lecture : 4 min
Une pile est un conteneur Flexbox qui "accompagne (hug)" un groupe d'éléments, qu'ils soient dans un ordre vertical ou horizontal. Cela garantit que les éléments restent en ordre, avec l'espacement que vous définissez, et ne se chevauchent jamais.
Cela dit, vous pouvez utiliser des marges négatives pour faire se chevaucher intentionnellement des éléments.
Dans cet article, apprenez comment :
Appliquer une pile
- Cliquez sur un élément qui devrait se trouver dans la pile.
- Maintenez la touche Maj enfoncée et sélectionnez les autres éléments de la pile.
- Cliquez sur Empiler.
- (Facultatif) Maintenez la ligne verticale entre les éléments pour définir les marges.
Suggestion :
Vous pouvez également créer des marges négatives pour faire chevaucher intentionnellement les éléments.
Changer la direction de la pile
Lorsque vous empilez des éléments, la direction est automatiquement déterminée par l'ordre des éléments. Si les éléments sont disposés verticalement, par exemple, la pile sera verticale.
Dans tous les cas, vous pouvez toujours changer la direction à l'aide du menu déroulant. Cela réorganise automatiquement les éléments afin qu'ils soient dans le bon ordre.
Gérer une pile
Vous pouvez toujours personnaliser la pile pour l'adapter au nouveau contenu et aux nouvelles exigences. Ajoutez plus d'éléments à la pile, déplacez-les en un clique et détachez les éléments qui ne sont plus pertinents.
Pour gérer une pile :
- Sélectionnez la pile appropriée.
- Choix de la étape suivante :
Ajouter un élément à la pile
Détacher un élément de la pile
. Ensuite, cliquez sur Détacher de la pile.
Réorganiser les éléments dans la pile
et vers le bas 
icônes.
Défaire la pile d'éléments
Concevoir le design d'une pile
La pile n'a pas besoin d'être transparente – vous pouvez la concevoir pour faire ressortir le contenu sur la page. Ajoutez une couleur d'arrière-plan, une bordure et une ombre. Vous pouvez également rendre les angles de la pile plus ronds ou carrés.
Pour concevoir une pile :
- Sélectionnez la pile appropriée.
- Cliquez sur la flèche Ouvrir l'inspecteur
en haut à droite de l'Éditeur. - Faites défiler la page jusqu'à Design.
- Concevez le design de la pile en utilisant les options disponibles :
- Définissez la couleur d'arrière-plan et son opacité.
- Ajoutez une bordure pour encadrer la pile.
- Choisissez un rayon pour les angles.
- Activez l'ombre et gérez ses paramètres comme son angle, sa distance, sa taille, etc.
Cela vous a-t-il aidé ?
|