Mise en page

Drag split panels

Panneaux divisés par de fines poignées déplaçables qui redimensionnent les volets adjacents en temps réel, disposés en rangée ou empilés.

SidebarNavigation and filters

PreviewLive canvas

InspectorSelected element properties

Utiliser Drag split panels

Panneaux divisés par de fines poignées déplaçables qui redimensionnent les volets adjacents en temps réel, disposés en rangée ou empilés.

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: orientation, showHandleGrip, defaultSplit, accentColor

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

1542Split panesMise en pageDeux volets divisés par une poignée qui les redimensionne par glisser-déplacer ou par flèche, conserve une taille minimale des deux côtés et se referme sur double-clic.

2351Expanding panel galleryMise en pageUne rangée de panneaux de couverture où le survol, le clic ou la touche fléchée sur l'un d'entre eux l'étend sur toute la largeur tandis que le reste se compresse en éclats.

2357Focus scroll listMise en pageUne file d'attente déroulante dont les lignes apparaissent en taille réelle et en opacité lorsqu'elles atteignent le centre de la vue, avec survol et sélection au clavier.

2381Locked ratio frameMise en pageUn conteneur qui maintient son contenu verrouillé selon un rapport width-to-height choisi, quelle que soit sa largeur.

1532Masonry flowMise en pageUn mur de maçonnerie qui regroupe des carreaux de différentes hauteurs dans des colonnes, soulève chacun d'entre eux lorsqu'il défile et réinstalle la grille entière lorsque le nombre de colonnes change.

2401Pinned Card Stack ScrollMise en pageUne séquence verticale de cartes qui s'épinglent en place et rétrécissent légèrement à mesure que la carte suivante défile pour s'empiler dessus.