Looker-Komponenten – Übersicht

Mit der Komponentenbibliothek von Looker können Anwendungen die Designelemente und UI-Muster von Looker über die Benutzeroberfläche von React-Komponenten verwenden. Beispiele für Komponenten sind Formulare, Schaltflächen, Filtereingaben, Paginierungssteuerungen und Layouts.

Die schnelle Wertschöpfung ist eine der Stärken von Komponenten. Sie eignen sich aber vor allem für eine nahtlose Nutzung von Looker und benutzerdefinierten Anwendungen.

Typische Anwendungsfälle:

  • Looker-ähnliche Benutzeroberfläche wie die Seitennavigation in einer Looker-Erweiterung erstellen
  • Looker-ähnliche Benutzeroberflächen wie Dashboardfilter für eingebettete Looker-Inhalte erstellen

Komponenten verwenden

Da es sich bei Looker-Komponenten um React-Komponenten handelt, werden sie in NPM veröffentlicht und können Ihrer Frontend-JavaScript- oder TypeScript-Anwendung über NPM hinzugefügt werden.

Für UI-Komponenten und Filterkomponenten sind separate NPM-Pakete verfügbar.

Testen

Möchten Sie Looker-Komponenten in Aktion sehen, bevor Sie Code schreiben? Diese Demo kann Ihnen helfen:

  • Atom Fashion: eine Demo-datengetriebene Webanwendung, die mit Looker-Komponenten erstellt wurde (Anmeldung mit Google-Konto erforderlich)