Schaltflächen

Plus to cross tile

Plus to cross tile: Eine 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.

Add a widget

Expand

Plus to cross tile verwenden

Plus to cross 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.

Einstellung	Typ	Standardwert	Vorschaugrenzen
`ink`	`color`	`#F5F5F7`	Keine weitere Grenze in den Metadaten.
`accent`	`color`	`#FF6A1F`	Keine weitere Grenze in den Metadaten.
`tileSize`	`number`	`32`	Von 24 bis 56; Schrittweite 2
`duration`	`number`	`300`	Von 100 bis 700; Schrittweite 25
`grow`	`boolean`	`true`	Keine weitere Grenze in den Metadaten.

Für welche Frameworks ist Plus to cross tile verfügbar?

Plus to cross 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 Plus to cross tile?

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

Welche Details zur Barrierefreiheit sind in Plus to cross tile erkennbar?

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

Wie berücksichtigt Plus to cross tile reduzierte Bewegung?

Die Quellcode-Analyse fand in der index.tsx von Plus to cross tile keine direkte Abfrage über useReducedMotion() oder matchMedia. 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 Chevron flip tile von Fieldbook aus der Kategorie Schaltflächen.

1936Chevron flip tileSchaltflächenEine 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.

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.

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.

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 Captioned Like Button von Fieldbook aus der Kategorie Schaltflächen.

2550Captioned Like ButtonSchaltflächenEine nur aus Symbolen bestehende Herzschaltfläche, die beim Schweben oder Fokussieren eine Beschriftung anzeigt, die von unten aufsteigt und sich bei Bedarf schnell ausfüllt.