Looker's component library allows applications to use Looker's design elements and UI patterns through the interface of React components. Some examples of components include forms, buttons, filter inputs, pagination controls, layouts, and more.
While 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.
Some common use cases include:
- Creating Looker-like UI, such as page navigation, within a Looker extension
- Creating Looker-like UI, such as dashboard filters, around embedded Looker content
Using components
Being React components, Looker components are published to NPM and can be added to your frontend Javascript or TypeScript application using NPM.
Separate NPM packages are available for UI components and filter components.
Try it out
Want to see Looker components in action before writing any code? This demo can help:
- Atom Fashion: a demo data-driven web application built using Looker components (requires Google Account to log in)