Mantieni tutto organizzato con le raccolte
Salva e classifica i contenuti in base alle tue preferenze.
La libreria di componenti di Looker consente alle applicazioni di utilizzare gli elementi di design, i pattern dell'interfaccia utente e le visualizzazioni dei dati di Looker, il tutto tramite l'interfaccia dei componenti React. Alcuni esempi di componenti includono moduli, pulsanti, input di filtri, controlli di paginazione, layout, grafici a linee, grafici a barre, grafici a dispersione, tabelle e altro ancora.
Sebbene il time-to-value rapido sia uno dei punti di forza dei componenti, il loro vero vantaggio è quello di consentire esperienze più fluide tra Looker e le applicazioni create su misura.
Alcuni casi d'uso comuni includono:
Creazione di un'interfaccia utente simile a Looker, ad esempio la navigazione delle pagine, all'interno di un'estensione Looker
Creazione di un'interfaccia utente simile a Looker, ad esempio filtri della dashboard, intorno ai contenuti di Looker incorporati
Offrire una visualizzazione individuale più leggera all'interno di un'applicazione di analisi incorporata senza l'esperienza completa di un incorporamento iframe
Utilizzare i componenti
Essendo componenti React, i componenti Looker vengono pubblicati su NPM e possono essere aggiunti facilmente all'applicazione JavaScript o TypeScript di frontend utilizzando NPM.
Essendo componenti React, i componenti Looker vengono pubblicati su NPM e possono essere aggiunti all'applicazione JavaScript o TypeScript frontend utilizzando NPM.
[[["Facile da capire","easyToUnderstand","thumb-up"],["Il problema è stato risolto","solvedMyProblem","thumb-up"],["Altra","otherUp","thumb-up"]],[["Difficile da capire","hardToUnderstand","thumb-down"],["Informazioni o codice di esempio errati","incorrectInformationOrSampleCode","thumb-down"],["Mancano le informazioni o gli esempi di cui ho bisogno","missingTheInformationSamplesINeed","thumb-down"],["Problema di traduzione","translationIssue","thumb-down"],["Altra","otherDown","thumb-down"]],["Ultimo aggiornamento 2025-09-08 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)"]]
