Components / UI components / Layout
Panel compositionExperimental alpha

PanelHeader

A heading, supporting context and adjacent actions for a panel.

PanelHeader preview

Project overview

Current project information and local actions.

Interactions use local sample data.

Usage and props

Choose the heading level for the surrounding document. Keep actions relevant to this panel.

Supported inputs

This is the public signature used by this example. Open Code to see how the values and callbacks fit together.

title · description? · leading? · status? · actions? · actionsLabel? · headingLevel?
How state and callbacks work

These are the main props for the example. The package's TypeScript declarations include the full API.

Customize and use with a keyboard