Schaltflächen

Star count button

Star count button: Eine Repository-Sterntaste, deren Gesamtsumme Spalte für Spalte angezeigt wird und beim Drücken eine kurze Explosion winziger Sterne auslöst.

atlas-kit / fieldbook-cli

Star count button verwenden

Star count button 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
`accentColor`	`color`	`#F5C542`	Keine weitere Grenze in den Metadaten.
`count`	`number`	`4820`	Von 0 bis 999999; Schrittweite 1
`rollDuration`	`number`	`900`	Von 200 bis 2000; Schrittweite 50
`skin`	`select`	`outline`	Optionen: solid, outline, ghost
`burst`	`boolean`	`true`	Keine weitere Grenze in den Metadaten.

Für welche Frameworks ist Star count button verfügbar?

Star count button 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 Star count button?

Die React-Metadaten nennen diese zusätzlichen npm-Abhängigkeiten: motion, clsx, tailwind-merge.

Welche Details zur Barrierefreiheit sind in Star count button erkennbar?

Der React-Quellcode von Star count button enthält: Attribute und Ereignisbehandler (aria-checked, aria-hidden, aria-label, aria-live); explizite Rollen (status, switch). Dies sind Beobachtungen am Quellcode. Prüfe zugängliche Namen, Fokusreihenfolge und Tastaturverhalten auf der zusammengesetzten Seite.

Wie berücksichtigt Star count button reduzierte Bewegung?

Star count button 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 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.

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 Counting follow chip von Fieldbook aus der Kategorie Schaltflächen.

2472Counting follow chipSchaltflächenEin umrissener Chip, der ein Etikett mit einer Follower-Zählung verbindet und die geänderten Ziffern beim Einrasten durch ein maskiertes Fenster nach oben und beim Loslassen wieder nach unten rollt.

Standbild der UI-Komponente Key Turn Chip von Fieldbook aus der Kategorie Schaltflächen.

2373Key Turn ChipSchaltflächenEin kleiner gefüllter Chip, dessen Schlüsselsymbol beim Schweben wackelt, als würde er nach einem Schloss suchen, sich dann um ein Viertel drehen und beim Klicken entriegeln.

Standbild der UI-Komponente Launch orbit button von Fieldbook aus der Kategorie Schaltflächen.

2376Launch orbit buttonSchaltflächenEine Pille, die auf einer Schleife einen Ring nach außen spuckt, beim Schweben ihre Staubkörnchen verstreut und ein kleines Schiff über das Etikett kreisen lässt.

Standbild der UI-Komponente Press plate toggle von Fieldbook aus der Kategorie Schaltflächen.

1644Press plate toggleSchaltflächenEine bloße Schaltfläche mit zwei Zuständen, deren gefüllte Platte beim Drücken hinter dem Inhalt eingeblendet wird, wobei der Zustand von außerhalb der Schaltfläche selbst lesbar und einstellbar ist.