Custom components

Most views use built in Views components. To supplement the component library, you can build your own components using views components or other custom components as building blocks. You can also install 3rd party components and use them directly in your view.

Building a component

You can build your own components using standard React patterns. Components let you split the UI into independent, reusable pieces, and think about each piece in isolation.
In the following example, we create a custom AnimalSearch component from built in Views components. This component calls an Airplane task to search for animals. We then display the output of the search results in a table.
Loading view...

Using a 3rd party component

Since views are built with React, you can install and use 3rd party libraries and components.
In the following example, we install the react-confetti package by running:
npm install react-confetti
Once the component is installed, it can be imported and used in the view.
Loading view...