Navigation

Magnifying icon dock

Magnifying icon dock: Ein Dock im macOS-Stil mit kreisförmigen Symbolschaltflächen, die sich gleichmäßig vergrößern, wenn sich der Zeiger ihnen nähert, und eine Beschriftung über dem aktiven Symbol anzeigen.

Magnifying icon dock verwenden

Magnifying icon dock verwendet das Vorschauformat „breit“ mit der Theme-Einstellung „dunkel“.

Vorschau anpassen

Diese Einstellungen werden an die Demo übergeben. Standardwerte und Grenzen gelten für die Vorschau; die vollständige Props-API steht in der Implementierung.

Einstellung	Typ	Standardwert	Vorschaugrenzen
`baseItemSize`	`number`	`50`	Von 36 bis 64; Schrittweite 2
`magnification`	`number`	`70`	Von 50 bis 110; Schrittweite 5
`itemCount`	`number`	`4`	Von 3 bis 7; Schrittweite 1

Für welche Frameworks ist Magnifying icon dock verfügbar?

Magnifying icon dock ist für React, Vue, Svelte, Astro, HTML verfügbar. Die Live-Vorschau verwendet React; die folgenden Quellcode-Beobachtungen beziehen sich auf index.tsx. Prüfe die gewählte Portierung auf die benötigten Interaktionen.

Welche Abhängigkeiten hat Magnifying icon dock?

Die React-Metadaten nennen diese zusätzlichen npm-Abhängigkeiten: motion.

Welche Details zur Barrierefreiheit sind in Magnifying icon dock erkennbar?

Der React-Quellcode von Magnifying icon dock enthält: Attribute und Ereignisbehandler (aria-hidden, aria-label). Dies sind Beobachtungen am Quellcode. Prüfe zugängliche Namen, Fokusreihenfolge und Tastaturverhalten auf der zusammengesetzten Seite.

Wie berücksichtigt Magnifying icon dock reduzierte Bewegung?

Magnifying icon dock liest die Bewegungseinstellung im React-Quellcode über matchMedia(prefers-reduced-motion). Prüfe die vollständige Implementierung, gemeinsame Stile und die gewählte Portierung mit aktivierter Bewegungsreduktion; diese Beobachtungen belegen keinen vollständigen Animationsstopp.

Verbinde deinen Agenten

Verwandte offene Komponenten

Standbild der UI-Komponente Dock menu von Fieldbook aus der Kategorie Navigation.

1528Dock menuNavigationEin unteres Dock, dessen Symbole ihre Größe vom Zeigerabstand annehmen, mit einer Beschriftung über dem Symbol unter dem Cursor und einem Punkt unter dem aktiven.

Standbild der UI-Komponente Grouped magnify dock von Fieldbook aus der Kategorie Navigation.

2162Grouped magnify dockNavigationEin unteres Dock aus runden Symbolschaltflächen, die in zwei Cluster unterteilt sind, die größer werden, je näher der Zeiger an die einzelnen Cluster herankommt.

2188Magnifying icon dockNavigationEine Reihe von App-Symbolen in einer durchsichtigen Leiste, die größer werden, je näher der Zeiger einem einzelnen Symbol kommt, und wieder auf die normale Größe zurückkehren, wenn der Zeiger weggeht.

Standbild der UI-Komponente Quick launch palette von Fieldbook aus der Kategorie Navigation.

2212Quick launch paletteNavigationEine über die Tastatur ausgelöste Befehlspalette, die mit einem Federdruck geöffnet wird, während der Eingabe eine gruppierte Aktionsliste filtert und die vollständige Pfeiltastennavigation unterstützt.

Standbild der UI-Komponente Auto height tabs von Fieldbook aus der Kategorie Navigation.

1916Auto height tabsNavigationEine Registerkartengruppe, deren Inhaltscontainer beim Wechseln der Registerkarten die Höhe stufenlos an die Größe jedes Panels anpasst, anstatt zu springen oder leeren Raum zu hinterlassen.

Standbild der UI-Komponente Bubble burst menu von Fieldbook aus der Kategorie Navigation.

2309Bubble burst menuNavigationEine schwebende Logo-Pille und ein Umschalter, die sich zu einer bildschirmfüllenden Überlagerung übergroßer Pillen-Links erweitern, die jeweils mit einer federnden Staffelung an ihren Platz platzen.