Zum Inhalt springen
Fieldbook
Menü
Anmelden
DE

Seiten

Analytics console page

Analytics console page: Untersuchen Sie Kennzahlen und Aufgaben in einer Konsole und laden Sie die aktuelle Tabelle als lokale CSV herunter.

Analytics console page verwenden

Untersuchen Sie Kennzahlen und Aufgaben in einer Konsole und laden Sie die aktuelle Tabelle als lokale CSV herunter.

Analytics console page verwendet das Vorschauformat „ganze Seite“ mit der Theme-Einstellung „hell/dunkel“.

Setzen Sie accentColor, railOpen, range, rowsPerPage und showTable. Über onExportData erhalten Sie die CSV beim Export der aktuellen Tabelle.

Die enthaltenen Daten und Aktionen sind lokale Beispiele. Persistenz und Dienstaufrufe werden in der Anwendung angebunden.

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.

EinstellungTypStandardwertVorschaugrenzen
accentColorcolor#1F45FFKeine weitere Grenze in den Metadaten.
railOpenbooleantrueKeine weitere Grenze in den Metadaten.
rangeselectLast 3 monthsOptionen: Last 7 days, Last 30 days, Last 3 months
rowsnumber8Von 4 bis 12; Schrittweite 1
showTablebooleantrueKeine weitere Grenze in den Metadaten.
Für welche Frameworks ist Analytics console page verfügbar?

Analytics console page 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 Analytics console page?

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

Welche Details zur Barrierefreiheit sind in Analytics console page erkennbar?

Der React-Quellcode von Analytics console page enthält: Die Quellcode-Analyse fand in index.tsx keine expliziten nativen Formular- oder Navigationselemente, ARIA-Attribute oder Tastaturbehandler. Dies sind Beobachtungen am Quellcode. Prüfe zugängliche Namen, Fokusreihenfolge und Tastaturverhalten auf der zusammengesetzten Seite.

Wie berücksichtigt Analytics console page reduzierte Bewegung?

Analytics console page 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 Account signup von Fieldbook aus der Kategorie Seiten.
2731Account signupSeitenEin randloses Registrierungsposter, bei dem das E-Mail-Feld die Überschrift ist: Die Schrift passt sich der Fläche an, während die Adresse wächst, und die alternativen Methoden klappen sich zu einem Domain-Chip zusammen.
Standbild der UI-Komponente Detailed signup card von Fieldbook aus der Kategorie Seiten.
2734Detailed signup cardSeitenEine Registrierungsseite mit einer schmalen Akzentleiste, die einen aufrecht stehenden Schlüssel trägt, dessen Zähne in vier Gruppen eingeschnitten werden, während das Passwort stärker wird, neben einem Raster aus Plattenfeldern.
Standbild der UI-Komponente Image panel login card von Fieldbook aus der Kategorie Seiten.
2736Image panel login cardSeitenEine dreispaltige Anmeldung: ein ringelblumengelbes Cover, dessen Brücke für jedes Passwortzeichen ein gespanntes Tragseil erhält, das Formular und eine Leiste aus drei gestapelten Anmeldemethoden mit einer Fläche, die zwischen ihnen gleitet.
Standbild der UI-Komponente Minimal email login von Fieldbook aus der Kategorie Seiten.
2739Minimal email loginSeitenEine passwortfreie Anmeldung auf dunklem Grund, bei der die eingegebene Adresse auf einer Fallblatt-Abflugtafel umgeblättert wird, dann bestätigt die Tafel, dass der Link gesendet wurde, und zählt bis zum erneuten Senden herunter.
Standbild der UI-Komponente Minimal email sign in von Fieldbook aus der Kategorie Seiten.
2740Minimal email sign inSeitenEine passwortfreie Anmeldung, gesetzt als eine einzige Papierfläche: Ein riesiges @ läuft über den rechten Rand hinaus, und die Eingabe einer bekannten geschäftlichen Domain schreibt Überschrift und Schaltfläche um.
Standbild der UI-Komponente Signup card on tint von Fieldbook aus der Kategorie Seiten.
2748Signup card on tintSeitenEine Registrierung als waagerechte Bordkarte: ein blauer Abschnitt, dessen Überschrift dem eingegebenen Vornamen folgt, neben einer Papierhälfte mit vier Feldern, wobei das Absenden den Abschnitt an der Perforation abreißt und die Bordkarte ausstellt.