Navigation

Scaling dot carousel

Un carrousel de diapositives dont la carte active est à pleine échelle tandis que ses voisines rétrécissent légèrement, associée à des indicateurs de points qui s'élargissent en pilules étiquetées.

Alpine Traverse

Ridge trails above the treeline, mapped for a two-day crossing.

Coastal Fog

Tide pools and cliffside paths hidden until the fog lifts.

Dune Fields

Shifting sand ridges best walked at first light.

Glacier Blue

Meltwater channels carve new routes into the ice each season.

Canyon Light

Afternoon sun turns the sandstone walls amber.

Northern Lights

Clear nights above 65 degrees, best viewed off the grid.

Utiliser Scaling dot carousel

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: loop, accentColor, slideCount

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

2106Adjacent hover menubarNavigationUne barre de menus de style bureau où cliquer sur un menu l'ouvre, et une fois ouvert, survoler n'importe quel menu adjacent passe directement à celui-ci sans un clic supplémentaire.

2107App MenubarNavigationUne barre de menu horizontale de style bureau dans laquelle cliquer sur une étiquette de niveau supérieur ouvre sa liste déroulante, et une fois l'une ouverte, le survol des autres étiquettes passe directement à leurs menus sans un clic supplémentaire.

1914ARIA Tablist ResizeNavigationUne liste d'onglets itinérants entièrement accessible avec une surbrillance de pilule glissante, où le cadre du panneau se redimensionne en douceur selon le contenu de l'onglet affiché.

1916Auto height tabsNavigationUn groupe d'onglets dont le conteneur de contenu redimensionne progressivement sa hauteur pour s'adapter à chaque panneau lorsque vous changez d'onglet, au lieu de sauter ou de laisser un espace vide.

2111Auto-Hide Nav BarNavigationUne barre supérieure collante qui glisse hors de vue lorsque le visiteur fait défiler vers le bas et revient dès qu'il fait défiler vers le haut.

1920Bare Sliding Tab StripNavigationUne bande d'onglets unstyled-by-default dont les panneaux sont placés côte à côte sur une pellicule qui glisse latéralement sur l'interrupteur tandis que la hauteur du cadre s'adapte facilement.