Panoramica dei componenti di Looker

La raccolta di componenti di Looker consente alle applicazioni di utilizzare gli elementi di design e i pattern di UI di Looker tramite l'interfaccia dei componenti React. Alcuni esempi di componenti sono moduli, pulsanti, input di filtro, controlli di paginazione, layout e altro ancora.

Sebbene il rapido time-to-value sia uno dei punti di forza dei componenti, il loro vero punto di forza è la possibilità di offrire esperienze più fluide tra Looker e le applicazioni personalizzate.

Ecco alcuni casi d'uso comuni:

  • Creazione di un'interfaccia utente simile a quella di Looker, ad esempio la navigazione tra le pagine, all'interno di un'estensione di Looker
  • Creazione di un'interfaccia utente simile a quella di Looker, ad esempio i filtri della dashboard, intorno ai contenuti di Looker incorporati

Utilizzare i componenti

Poiché sono componenti React, i componenti di Looker vengono pubblicati su NPM e possono essere aggiunti all'applicazione frontend JavaScript o TypeScript utilizzando NPM.

Sono disponibili pacchetti NPM separati per i componenti dell'interfaccia utente e i componenti dei filtri.

Fai una prova

Vuoi vedere i componenti di Looker in azione prima di scrivere codice? Questa demo può essere utile per:

  • Atom Fashion: un'applicazione web demo basata sui dati creata utilizzando i componenti di Looker (è necessario un Account Google per accedere)