Views overview

Easily build custom UIs
At its core, Views is a React component library that integrates deeply with other Airplane features, such as tasks and runbooks. Views components have best practices by default, such as gracefully handling permissions, and are designed to look cohesive and visually appealing out-of-the-box.
Since views are React apps, you can fully customize your UI using custom and 3rd party components. You can also easily share code between views by exporting components and importing them elsewhere.

Getting started
Build a view
A 15-minute introduction to building views.
Configuration
Configure a view's metadata and set up TypeScript.
Dependencies
Learn how to manage dependencies and upgrade your view's version.

Core concepts
Component state
Views has a global state store that allows read and write access to component values.
Calling tasks and APIs
Integrate with Airplane tasks and runbooks or any other API.
Layout
Organize your components on the page with the easy-to-use Stack.
Component library
The full reference for all of our components, including sample usages, can be found here.

Advanced concepts
For more in-depth coverage of advanced features, consult the following docs.
Routing
Learn how to navigate from a view to another view or task.
Styling
Most views components allow custom styles to be applied inline or using a class name.
Permissions
Understand how views adapt to user permissions.
Environment variables
Access custom and built-in environment variables in your view code.
PrivacyTermsSupport