Standard Panel
Standard Panels provide a flexible container for grouping related content and actions.
| Property | Values | Default value | Required |
|---|---|---|---|
| container | anchored / floating / dragged | anchored | |
| label | text | - | |
| description | text | - | |
| value | text | - | |
| density | compact / regular / spacious | regular | |
| style | primary / secondary | primary | |
| hide gripper | yes / no | no | |
| hide close button | yes / no | no | |
| hide divider | yes / no | no |
{
"slug": "standard-panel",
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/component.json",
"$id": "https://opensource.adobe.com/spectrum-design-data/schemas/components/standard-panel.json",
"title": "Standard Panel",
"description": "Standard Panels provide a flexible container for grouping related content and actions.",
"meta": {
"category": "containers",
"documentationUrl": "https://spectrum.adobe.com/page/standard-panel/"
},
"type": "object",
"properties": {
"container": {
"type": "string",
"enum": [
"anchored",
"floating",
"dragged"
],
"default": "anchored"
},
"label": {
"type": "string"
},
"description": {
"type": "string"
},
"value": {
"type": "string"
},
"density": {
"type": "string",
"enum": [
"compact",
"regular",
"spacious"
],
"default": "regular"
},
"style": {
"type": "string",
"enum": [
"primary",
"secondary"
],
"default": "primary"
},
"hideGripper": {
"type": "boolean",
"default": false
},
"hideCloseButton": {
"type": "boolean",
"default": false
},
"hideDivider": {
"type": "boolean",
"default": false
}
}
}