A biblioteca de componentes do Looker permite que os aplicativos aproveitem os elementos de design, os padrões UI e as visualizações de dados do Looker, tudo por meio da interface de componentes do React. Alguns exemplos de componentes incluem formulários, botões, entradas de filtro, controles de paginação, layouts, gráficos de linhas, gráficos de barras, gráficos de dispersão, tabelas e muito mais.
O tempo de retorno rápido é um dos pontos fortes dos componentes, e o ponto forte deles é possibilitar experiências mais integradas entre o Looker e aplicativos personalizados.
Veja alguns casos de uso comuns:
- Criar UI semelhante ao Looker, como a navegação por páginas, em uma extensão do Looker
- Criar UI parecida com a Looker, como filtros de painel, ao redor do conteúdo incorporado da Looker
- Exibição de uma visualização individual mais leve em um aplicativo de análise incorporado sem a experiência completa de um iframe incorporado
Como usar componentes
Como componentes do React, os componentes do Looker são publicados no NPM e podem ser adicionados de forma conveniente ao seu aplicativo JavaScript ou TypeScript de front-end usando o NPM.
Pacotes separados do NPM estão disponíveis para componentes da IU, componentes de filtro e componentes de visualização.
Faça um teste
Quer ver os componentes do Looker em ação antes de escrever um código? Essas demonstrações e sandboxes podem ajudar:
- Referência interativa de componentes: uma lista de todos os componentes do Looker diferentes dos componentes de visualização.
- Atom Fashion: um aplicativo da Web baseado em dados de demonstração criado com os componentes do Looker (requer login na Conta do Google).
Como começar
Primeiros passos com os componentes da IU do Looker Primeiros passos com os componentes do Looker Primeiros passos com os componentes de visualização do Looker