Stay organized with collections
Save and categorize content based on your preferences.
Looker components are React-based, pre-built pieces of Looker's application. Within the suite of Looker components there are UI components, filter components, and visualization components. Application developers can use components in data applications and extensions that are built on top of Looker. To see a full list of Looker's components, visit the Looker UI Components documentation site.
[[["Easy to understand","easyToUnderstand","thumb-up"],["Solved my problem","solvedMyProblem","thumb-up"],["Other","otherUp","thumb-up"]],[["Hard to understand","hardToUnderstand","thumb-down"],["Incorrect information or sample code","incorrectInformationOrSampleCode","thumb-down"],["Missing the information/samples I need","missingTheInformationSamplesINeed","thumb-down"],["Other","otherDown","thumb-down"]],["Last updated 2025-08-14 UTC."],[],[],null,["# Looker components\n\n[Looker components](/looker/docs/2512/components-overview) are React-based, pre-built pieces of Looker's application. Within the suite of Looker components there are UI components, filter components, and visualization components. Application developers can use components in data applications and extensions that are built on top of Looker. To see a full list of Looker's components, visit the [Looker UI Components documentation site](https://looker-open-source.github.io/components/latest/?path=/docs/home--docs).\n\nComponents can be used with the [Looker extension framework](https://docs.looker.com/data-modeling/extension-framework), Looker's [Extension SDK](https://www.npmjs.com/package/@looker/extension-sdk), Looker's [Embed SDK](https://docs.looker.com/reference/embed-sdk), and Looker's [TypeScript/JavaScript SDK](https://www.npmjs.com/package/@looker/sdk).\n\nDocumentation for Looker components is available at the following links.\n\n**Overview:**\n\n- [Looker components overview](/looker/docs/2512/components-overview)\n\n**UI components:**\n\n- [Building a tabbed dashboard with Looker components](/looker/docs/2512/components-example)\n- [Components reference documentation](https://looker-open-source.github.io/components/latest/?path=/docs/home--docs)\n\n**Filter components:**\n\n- [Filter components overview](/looker/docs/2512/components-filter)\n- [Filter components reference documentation](https://looker-open-source.github.io/components/latest/?path=/docs/filters-docs-dashboardfilter--docs)\n\n**Visualization components:**\n\n- [Visualization components overview](/looker/docs/2512/components-vis)\n- [Using visualization components and a dashboard ID to render a simple visualization](/looker/docs/2512/components-vis-dashboard-id)\n- [Using visualization components to render custom visualizations](/looker/docs/2512/components-vis-render-custom-vis)\n- [Using visualization components to build a custom visualization](/looker/docs/2512/components-vis-custom)\n- [Visualization and Query property tables](/looker/docs/2512/components-vis-prop-tables)"]]
