Mit Sammlungen den Überblick behalten
Sie können Inhalte basierend auf Ihren Einstellungen speichern und kategorisieren.
Mit der Komponentenbibliothek von Looker können Anwendungen die Designelemente, UI-Muster und Datenvisualisierungen von Looker über die Benutzeroberfläche von React-Komponenten nutzen. Beispiele für Komponenten sind Formulare, Schaltflächen, Filtereingaben, Paginierungssteuerungen, Layouts, Liniendiagramme, Balkendiagramme, Streudiagramme und Tabellen.
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
Bereitstellung einer leichteren individuellen Visualisierung in einer eingebetteten Analyseanwendung, ohne die volle Funktionalität eines iFrames
Komponenten verwenden
Da Looker-Komponenten React-Komponenten sind, werden sie in NPM veröffentlicht und können Ihrer Front-End-JavaScript- oder TypeScript-Anwendung mit NPM einfach hinzugefügt werden.
Da Looker-Komponenten React-Komponenten sind, werden sie in NPM veröffentlicht und können Ihrer Frontend-JavaScript- oder TypeScript-Anwendung über NPM hinzugefügt werden.
[[["Leicht verständlich","easyToUnderstand","thumb-up"],["Mein Problem wurde gelöst","solvedMyProblem","thumb-up"],["Sonstiges","otherUp","thumb-up"]],[["Schwer verständlich","hardToUnderstand","thumb-down"],["Informationen oder Beispielcode falsch","incorrectInformationOrSampleCode","thumb-down"],["Benötigte Informationen/Beispiele nicht gefunden","missingTheInformationSamplesINeed","thumb-down"],["Problem mit der Übersetzung","translationIssue","thumb-down"],["Sonstiges","otherDown","thumb-down"]],["Zuletzt aktualisiert: 2025-07-31 (UTC)."],[],[],null,["# Looker components overview\n\nLooker's component library allows applications to leverage Looker's design elements, UI patterns, and data visualizations, all through the interface of React components. Some examples of components include forms, buttons, filter inputs, pagination controls, layouts, line charts, bar charts, scatterplot charts, tables, and more.\n\nWhile quick time-to-value is one of the strengths of components, where they really shine is in enabling more seamless experiences between Looker and custom-built applications.\n\nSome common use cases include:\n\n- Creating Looker-like UI, such as page navigation, within a Looker extension\n- Creating Looker-like UI, such as dashboard filters, around embedded Looker content\n- Delivering a lighter-weight individual visualization within an embedded analytics application without the full experience of an [iframe embed](/looker/docs/single-sign-on-embedding)\n\nUsing components\n----------------\n\nBeing React components, Looker components are published to NPM and can be [conveniently added](/looker/docs/components-getting-started) to your front-end Javascript or TypeScript application using NPM.\n\nBeing React components, Looker components are published to NPM and can be [added](/looker/docs/components-getting-started) to your frontend Javascript or TypeScript application using NPM.\n\nSeparate NPM packages are available for [UI components](https://www.npmjs.com/package/@looker/components) and [filter components](https://www.npmjs.com/package/@looker/filter-components).\n\nTry it out\n----------\n\nWant to see Looker components in action before writing any code? This demo can help:\n\n- [Atom Fashion](https://atomfashion.io/analytics/home): a demo data-driven web application built using Looker components (requires Google account to log in)"]]
