Panel

Design guidelines

Anatomy

Usage

When to use Panels

Behavior

Expand and collapse

Development guidelines

Usage

Sub-Components

Panel

Props

`header`: `string`

`className`: `string`

`children`: `React.ReactNode`

PanelBody

Props

`title`: `string`

`opened`: `boolean`

`className`: `string`

`icon`: `React.JSX.Element`

`onToggle`: `( next: boolean ) => void;`

`initialOpen`: `boolean`

`children`: `| React.ReactNode | ( ( props: { opened: boolean } ) => React.ReactNode )`

`buttonProps`: `WordPressComponentProps, 'button', false>`

`scrollAfterOpen`: `boolean`

PanelRow

Props

`className`: `string`

`children`: `React.ReactNode`

Ref

PanelHeader

Props

`label`: `string`

`children`: `React.ReactNode`

Related components