Configuration
Configure the Page UI
Once you've set up your library, you can customize your Pages. We currently allow
you to change what's shown on the Page, set the Page icon within your library, and add navigational
buttons. Add an
index.airplane.yaml
file to a directory in your library in order to start
customizing the Page corresponding to that directory.Basic customization
Basic customization
Set the
name
and description
fields to edit the heading and subheading of the Page, and set the
icon
field to an emoji to customize the Page's icon in the Library.yamlCopied1# index.airplane.yaml2name: Custom name!3description: This is a very important page4icon: 🔨


Change which tasks and runbooks are displayed
Change which tasks and runbooks are displayed
By default, tasks that are defined in the Page's corresponding directory are shown on the Page. To
show more tasks on the Page from outside the directory, including tasks that may not be in the
library/
folder at all, include those task slugs in the additionalTasks
field. Similarly, use
additionalRunbooks
to link runbooks to the Page.If you'd like to exclude tasks inside the Page's directory from being shown, include those task
slugs in the
hiddenTasks
field. As a shortcut, you can set it to *
to exclude all tasks in the
directory. Note that additionalTasks
is applied after hiddenTasks
, so you can fully control the
tasks that are shown by excluding all tasks and then specifying the exact tasks to be included in
additionalTasks
.yamlCopied1# index.airplane.yaml2name: Custom name!3description: This is a very important page4icon: 🔨5additionalTasks:6- top_level_task7hiddenTasks:8- "*"9additionalRunbooks:10- test_book

Actions
Actions
You can add action buttons to your Page that link to tasks. By default, tasks will open in a peek on
the right side of the Page, but you can set the
as
field to full_page
in order to open them in a
new tab. Include the button label in the label
field and the task slug in the task
field. If no
label
is provided, the task slug will be used for the label.yamlCopied1# index.airplane.yaml2name: Custom name!3description: This is a very important page4icon: 🔨5additionalTasks:6- top_level_task7hiddenTasks:8- "*"9additionalRunbooks:10- test_book11actions:12- label: Get sales data13task: sales_query14- label: Go to other task15task: other_task16as: full_page

Reference
Reference
name
optional
Name of the Page.
description
optional
Description of the Page.
icon
optional
Icon to show for the Page. Must be a single emoji.
additionalTasks
optional
Slugs of other tasks to show on the Page.
hiddenTasks
optional
Slugs of tasks that were defined in the Page's directory, but shouldn't be shown on the Page. You can use the special wildcard "*" to exclude all tasks in the directory. hiddenTasks
does not affect task slugs specified in additionalTasks
.
additionalRunbooks
optional
Slugs of runbooks to show on the Page.
actions
optional
List of actions to show on the Page.
type Action = {
label: string;
slug: string;
as?: "full_page" | "side_peek";
};
Actions become buttons with the corresponding
label
, linking to the task
according to the method specified by as
. as
defaults to "side_peek". A maximum of 3 actions are shown.