Affichage des données

Spring Push Collapsible

Une ligne de paramètres qui ouvre un panneau de détails et pousse les lignes situées en dessous vers le bas sur un ressort partagé au lieu d'un saut en hauteur.

Utiliser Spring Push Collapsible

Une ligne de paramètres qui ouvre un panneau de détails et pousse les lignes situées en dessous vers le bas sur un ressort partagé au lieu d'un saut en hauteur.

Testez l’aperçu avec la souris et le clavier, puis vérifiez la visibilité du focus et la mise en page sur un écran étroit. Indiquez le numéro ou l’identifiant du composant à votre agent de programmation.

Propriétés: accent, defaultOpen, stiffness, damping, keepMounted

Quels frameworks sont disponibles ?

Le catalogue propose ces versions : react, vue, svelte, astro, html. L’aperçu de cette page utilise React.

Comment accéder à l’implémentation ?

Le code, les versions et les commandes d’installation sont disponibles dans le panneau ci-dessus.

Connectez votre agent

Composants proches

Settings Group Accordion

2034Settings Group AccordionAffichage des donnéesUn groupe vertical de sections étiquetées qui peuvent chacune s'étendre indépendamment, de sorte que plusieurs restent ouvertes à la fois, contrairement à un accordéon typique à ouverture unique.

Starred repos disclosure

2244Starred repos disclosureAffichage des donnéesUne ligne d'en-tête avec un bouton bascule qui révèle une courte liste cachée de référentiels favoris sous une ligne qui reste toujours visible.

Animated metric counter

2299Animated metric counterAffichage des donnéesUn grand chiffre nu qui jaillit d'une valeur de départ jusqu'à sa valeur cible au moment où il défile, dépassant légèrement avant de se stabiliser, avec des milliers de séparateurs et un suffixe facultatif.

Chevron accordion list

1935Chevron accordion listAffichage des donnéesUne pile verticale de lignes de questions qui s'agrandissent chacune pour révéler une réponse, avec un chevron qui se retourne lorsque sa ligne est ouverte.

Counting readout

2134Counting readoutAffichage des donnéesUn chiffre métrique qui compte depuis une valeur de départ jusqu'à sa cible sur un ressort la première fois qu'il est vu, avec des décimales fixes et un remplissage de zéros en option.

Detail list item

2140Detail list itemAffichage des donnéesLigne de liste combinant une icône ou un avatar de début, un titre et une description, ainsi qu'une action de fin, pour les listes de notifications, les menus ou les lignes de paramètres.