Tetap teratur dengan koleksi
Simpan dan kategorikan konten berdasarkan preferensi Anda.
Library komponen Looker memungkinkan aplikasi memanfaatkan elemen desain, pola UI, dan visualisasi data Looker, semuanya melalui antarmuka komponen React. Beberapa contoh komponen meliputi formulir, tombol, input filter, kontrol penomoran halaman, tata letak, diagram garis, diagram batang, diagram sebar, tabel, dan lainnya.
Meskipun waktu untuk mendapatkan nilai yang cepat adalah salah satu keunggulan komponen, keunggulan utamanya adalah memungkinkan pengalaman yang lebih lancar antara Looker dan aplikasi buatan kustom.
Beberapa kasus penggunaan umum mencakup:
Membuat UI seperti Looker, seperti navigasi halaman, dalam ekstensi Looker
Membuat UI seperti Looker, seperti filter dasbor, di sekitar konten Looker tersemat
Memberikan visualisasi individual yang lebih ringan dalam aplikasi analisis tersemat tanpa pengalaman penuh penyematan iframe
Menggunakan komponen
Sebagai komponen React, komponen Looker dipublikasikan ke NPM dan dapat ditambahkan dengan mudah ke aplikasi JavaScript atau TypeScript frontend Anda menggunakan NPM.
Sebagai komponen React, komponen Looker dipublikasikan ke NPM dan dapat ditambahkan ke aplikasi JavaScript atau TypeScript frontend Anda menggunakan NPM.
[[["Mudah dipahami","easyToUnderstand","thumb-up"],["Memecahkan masalah saya","solvedMyProblem","thumb-up"],["Lainnya","otherUp","thumb-up"]],[["Sulit dipahami","hardToUnderstand","thumb-down"],["Informasi atau kode contoh salah","incorrectInformationOrSampleCode","thumb-down"],["Informasi/contoh yang saya butuhkan tidak ada","missingTheInformationSamplesINeed","thumb-down"],["Masalah terjemahan","translationIssue","thumb-down"],["Lainnya","otherDown","thumb-down"]],["Terakhir diperbarui pada 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)"]]
