Schaltflächen

Camera flash pill

Camera flash pill: Eine solide Akzentpille mit einem Kamerasymbol, das beim Schweben oder Fokussieren wie eine kämpfende Blitzröhre flackert und beim Drücken für einen kurzen Schlag sein gesamtes Gesicht weiß erhellt.

Camera flash pill verwenden

Camera flash pill verwendet das Vorschauformat „Inline“ 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.

Einstellung	Typ	Standardwert	Vorschaugrenzen
`label`	`text`	`Take a photo`	Bis zu 24 Zeichen
`accent`	`color`	`#FF3B5C`	Keine weitere Grenze in den Metadaten.
`flickerOnHover`	`boolean`	`true`	Keine weitere Grenze in den Metadaten.
`flickerPeriod`	`number`	`2`	Von 0.8 bis 5; Schrittweite 0.1
`showCounter`	`boolean`	`true`	Keine weitere Grenze in den Metadaten.

Für welche Frameworks ist Camera flash pill verfügbar?

Camera flash pill 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 Camera flash pill?

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

Welche Details zur Barrierefreiheit sind in Camera flash pill erkennbar?

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

Wie berücksichtigt Camera flash pill reduzierte Bewegung?

Camera flash pill 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 Amber upload pill von Fieldbook aus der Kategorie Schaltflächen.

2707Amber upload pillSchaltflächenEin warmer Farbverlaufs-Upload-Pill mit einem hellen Rand, der den Farbstich verbreitert und das Etikett beim Schweben von hinten beleuchtet.

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.

Standbild der UI-Komponente Bevel press pill von Fieldbook aus der Kategorie Schaltflächen.

2708Bevel press pillSchaltflächenEine dunkle, abgeschrägte Pille mit einem eingelassenen runden Chip am Ende, der beim Drücken in die Oberfläche einsinkt.

Standbild der UI-Komponente Dark Pill Sign In von Fieldbook aus der Kategorie Schaltflächen.

2712Dark Pill Sign InSchaltflächenEine umrandete dunkle Pille für die Anmeldung durch Dritte, die beim Schweben dunkler wird, während die Beschriftung zurücktritt und der Rand enger wird.

Standbild der UI-Komponente Draining fill button von Fieldbook aus der Kategorie Schaltflächen.

2588Draining fill buttonSchaltflächenEine umrissene Pille, die zu Beginn vollständig mit Farbe überflutet ist und beim Schweben zu einem schmalen Band am Fuß abfließt und sich beim Belassen von unten wieder auffüllt.

1827Expanding icon pillSchaltflächenEine runde Symbolschaltfläche, die beim Schweben oder Fokussieren zu einer beschrifteten Pille heranwächst und deren Glyphe eine volle Umdrehung macht, wenn die Beschriftung hineingleitet.