Panel

Section panel with header, actions, and body.

All components

Component frame

Panel preview

Header, actions, and body.

Panel body content sized like an application section.

Configuration Options

{
  "packageEntry": "@treeseed/ui/components/astro/surface/Panel.astro",
  "defaultProps": {
    "title": "Panel preview",
    "tone": "default"
  },
  "configurableProps": [
    {
      "name": "title",
      "type": "string",
      "defaultValue": "Panel preview",
      "description": "Panel heading."
    },
    {
      "name": "tone",
      "type": "Tone",
      "defaultValue": "default",
      "description": "Semantic color tone."
    }
  ]
}

Defaults

{
  "title": "Panel preview",
  "tone": "default"
}