Components / UI components / Layout
SurfacesExperimental alpha
Panel
A reusable section surface for related content and actions.
Panel preview
Project overview
A named surface for related information. Its contents are supplied by the application.
Interactions use local sample data.
Usage and props
Supply the heading and accessible name when the section needs a landmark. Panel does not introduce a new state or variant API.
Supported inputs
This is the public signature used by this example. Open Code to see how the values and callbacks fit together.
Native section props · children · className?These are the main props for the example. The package's TypeScript declarations include the full API.