Medien
Browser window frame
Browser window frame: Ein Desktop-Browserfenster-Mockup mit Ampelpunkten und einer Adressleiste, die einen Screenshot oder ein Endlosvideo als Seiteninhalt einrahmt.
Browser window frame verwenden
Browser window frame verwendet das Vorschauformat „breit“ 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 |
|---|---|---|---|
url | text | example.com | Bis zu 40 Zeichen |
screenContent | select | photo | Optionen: photo, video, blank |
simpleMode | boolean | false | Keine weitere Grenze in den Metadaten. |
Für welche Frameworks ist Browser window frame verfügbar?
Browser window frame 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 Browser window frame?
Die React-Metadaten nennen diese zusätzlichen npm-Abhängigkeiten: motion, clsx.
Welche Details zur Barrierefreiheit sind in Browser window frame erkennbar?
Der React-Quellcode von Browser window frame enthält: 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 Browser window frame reduzierte Bewegung?
Browser window frame liest die Bewegungseinstellung im React-Quellcode über useReducedMotion(). Prüfe die vollständige Implementierung, gemeinsame Stile und die gewählte Portierung mit aktivierter Bewegungsreduktion; diese Beobachtungen belegen keinen vollständigen Animationsstopp.
