Élément enfant du composant <Layout> utilisé uniquement pour les zones latérales gauche ou droite, avec la possibilité de les réduire. Peut être utilisé comme un composant « contrôlé » (c'est-à-dire en passant la propriété booléenne collapsed ), ou par défaut, il gérera son propre état (non)réduit. Il faut un accessoire triggerType , vous permettant de choisir les déclencheurs intégrés - la zone latérale comprendra un bouton qui permet à l'utilisateur de réduire la zone puis de la développer à nouveau - ou personnalisé, ce qui signifie que vous utilisez votre propre élément d'interface utilisateur ailleurs pour contrôler l'état (non)réduit.
Consultez la documentation <Layout> pour un exemple d'utilisation.
Le composant <Layout> ne prend en charge qu'un seul enfant de chaque type, partagé entre <CollapsibleLayoutItem> et <LayoutItem>.
Usage
import { CollapsibleLayoutItem } from 'nr1'Accessoires
OBLIGATOIREnœud | Contenu à afficher à l'intérieur de l'élément enfant. |
chaîne | Ajoute les noms de classe au composant. |
booléen | Définissez cet accessoire pour contrôler l'état réduit de la division à partir de votre propre contrôle externe. |
booléen | Il ne s'agit pas réellement d'une « valeur par défaut » : cela définit uniquement l'état initial réduit de la division. La valeur par défaut est |
fonction | Cette fonction sera appelée chaque fois que l'utilisateur cliquera sur le bouton de déclenchement par défaut pour réduire ou développer la division. Si vous contrôlez l'état du composant, utilisez ceci pour définir la valeur de l'accessoire function ( |
énum. | Détermine la largeur de l'élément de mise en page. Nous vous recommandons d'utiliser la petite taille à des fins de navigation (ex. barres latérales) et la taille moyenne pour afficher des informations contextualisées (ex. flux d'activité). Le type de taille ne fonctionne que sur les éléments SPLIT_LEFT et SPLIT_RIGHT. <One of |
objet | Style en ligne pour un style personnalisé. |
chaîne | Ajoute un attribut Remarque : vous ne verrez peut-être pas l'attribut |
OBLIGATOIREénumération | Choisissez d'utiliser les boutons de déclenchement intégrés pour permettre de réduire/agrandir la division, ou vos propres boutons personnalisés (par exemple, un commutateur en dehors de la disposition ou un bouton personnalisé à l'intérieur de la disposition). Il est fortement recommandé de ne pas mélanger ces modèles, c'est-à-dire de ne pas choisir <One of |
OBLIGATOIREénumération | Le type peut être : _ Diviser à gauche — Rendre comme une zone fixe à gauche de la mise en page. _ Diviser à droite — Rendu sous forme de zone fixe à droite de la mise en page. <One of |