Zum Inhalt springen
Fieldbook
Menü
Anmelden
DE

Navigation

Grouped magnify dock

Grouped magnify dock: Ein 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.

Grouped magnify dock verwenden

Grouped magnify dock verwendet das Vorschauformat „breit“ mit der Theme-Einstellung „hell/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.

EinstellungTypStandardwertVorschaugrenzen
magnificationnumber1.6Von 1.2 bis 2; Schrittweite 0.05
distancenumber120Von 60 bis 200; Schrittweite 10
iconSizenumber40Von 32 bis 52; Schrittweite 2
accentcolor#7C5CFFKeine weitere Grenze in den Metadaten.
Für welche Frameworks ist Grouped magnify dock verfügbar?

Grouped magnify 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 Grouped magnify dock?

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

Welche Details zur Barrierefreiheit sind in Grouped magnify dock erkennbar?

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

Wie berücksichtigt Grouped magnify dock reduzierte Bewegung?

Grouped magnify 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 Magnifying icon dock von Fieldbook aus der Kategorie Navigation.
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 Magnifying icon dock von Fieldbook aus der Kategorie Navigation.
2382Magnifying icon dockNavigationEin 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.
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.
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 Sliding content tabs von Fieldbook aus der Kategorie Navigation.
2232Sliding content tabsNavigationEin Inhaltsansichtsfenster gepaart mit einer Kapsel-Tab-Leiste darunter, bei der beim Wechseln der Tabs das Bedienfeld von der Seite des ausgewählten Tabs eingeschoben wird, während eine farbige Hervorhebung hinter die aktive Beschriftung gleitet.