Datendarstellung
Social proof avatar row
Social proof avatar row: Eine enge Reihe überlappender Avatarkreise schließt sich mit einer Blase, die alle Personen zählt, die nicht in der Reihe sind.
Social proof avatar row verwenden
Social proof avatar row 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 |
|---|---|---|---|
size | number | 40 | Von 28 bis 56; Schrittweite 2 |
overlap | number | 16 | Von 8 bis 24; Schrittweite 2 |
accent | color | #FF4D8D | Keine weitere Grenze in den Metadaten. |
overflowCount | number | 99 | Von 0 bis 999; Schrittweite 1 |
Für welche Frameworks ist Social proof avatar row verfügbar?
Social proof avatar row 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 Social proof avatar row?
Die React-Metadaten nennen diese zusätzlichen npm-Abhängigkeiten: clsx, tailwind-merge.
Welche Details zur Barrierefreiheit sind in Social proof avatar row erkennbar?
Der React-Quellcode von Social proof avatar row enthält: native Elemente (a); 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 Social proof avatar row reduzierte Bewegung?
Die Quellcode-Analyse fand in der index.tsx von Social proof avatar row 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.
