Zum Inhalt springen
Fieldbook
Menü
Anmelden
DE

Schaltflächen

Chevron flip tile

Chevron flip tile: Eine quadratische Symbolkachel, deren Chevron flach klappt und sich in die andere Richtung wieder öffnet, wobei sich jede Hälfte an der Verbindung dreht, an der sie sich treffen.

Chevron flip tile verwenden

Chevron flip tile verwendet das Vorschauformat „Inline“ 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.

EinstellungTypStandardwertVorschaugrenzen
inkcolor#F5F5F7Keine weitere Grenze in den Metadaten.
accentcolor#38BDF8Keine weitere Grenze in den Metadaten.
tileSizenumber32Von 24 bis 56; Schrittweite 2
durationnumber900Von 300 bis 1400; Schrittweite 50
liftnumber8Von 0 bis 16; Schrittweite 1
Für welche Frameworks ist Chevron flip tile verfügbar?

Chevron flip tile 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 Chevron flip tile?

Die React-Metadaten nennen keine zusätzlichen npm-Abhängigkeiten neben React.

Welche Details zur Barrierefreiheit sind in Chevron flip tile erkennbar?

Der React-Quellcode von Chevron flip tile enthält: native Elemente (button); Attribute und Ereignisbehandler (aria-expanded, aria-hidden, aria-label). Dies sind Beobachtungen am Quellcode. Prüfe zugängliche Namen, Fokusreihenfolge und Tastaturverhalten auf der zusammengesetzten Seite.

Wie berücksichtigt Chevron flip tile reduzierte Bewegung?

Chevron flip tile 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 Plus to cross tile von Fieldbook aus der Kategorie Schaltflächen.
2512Plus to cross tileSchaltflächenEine kleine quadratische Kachel mit einem Pluszeichen, die sich um fünfundvierzig Grad zu einem engen Kreuz dreht und sich beim Drehen um einen Bruchteil vergrößert.
Standbild der UI-Komponente Collapsing share button von Fieldbook aus der Kategorie Schaltflächen.
2553Collapsing share buttonSchaltflächenEine beschriftete Pille, die zu einer runden Glyphe schrumpft, während ein Streifen Verbindungsplättchen in den Raum schwebt, den sie hinterlassen hat.
Standbild der UI-Komponente Pressable icon toggle von Fieldbook aus der Kategorie Schaltflächen.
2208Pressable icon toggleSchaltflächenEine Schaltfläche mit einem Symbol und einer Beschriftung, die nach dem Klicken optisch gedrückt bleibt, für eine eigenständige Ein- oder Ausschaltaktion wie Stummschalten oder Fettdruck.
Standbild der UI-Komponente Reversing bars menu button von Fieldbook aus der Kategorie Schaltflächen.
2413Reversing bars menu buttonSchaltflächenEine kleine quadratische Menükachel, deren drei gestapelte Balken beim Schweben die Breite ändern, während die Kachel selbst von einer Füllfarbe zur anderen übergeht.
Standbild der UI-Komponente Slab Lift Icon Button von Fieldbook aus der Kategorie Schaltflächen.
2636Slab Lift Icon ButtonSchaltflächenEine durchscheinende Symbolkachel, die sich beim Schweben von einer festen Lichtplatte erhebt, dann wieder nach unten knallt und die Platte verschluckt, wenn man darauf drückt.
Standbild der UI-Komponente Arrow to label pill von Fieldbook aus der Kategorie Schaltflächen.
2469Arrow to label pillSchaltflächenEin runder Chevron-Knopf, der sich beim Schweben in eine breite beschriftete Pille ausdehnt und die Markierung gegen ein Wort eintauscht, während die flache Füllung zu einer Rampe mit zwei Stopps wird.