# PanelArgs

Interface · extends [`ContainerArgs`](https://api.playcanvas.com/pcui/interfaces/ContainerArgs.md)

Source: https://github.com/playcanvas/pcui/blob/77ed2b8ba8660c9644049b0d1942652721e7a6c4/src/components/Panel/index.ts#L19

The arguments for the [Panel](https://api.playcanvas.com/pcui/classes/Panel.md) constructor.

## Properties

### collapsed

```ts
collapsed?: boolean
```

Sets whether the Element should be collapsed.

### collapseHorizontally

```ts
collapseHorizontally?: boolean
```

Sets whether the panel collapses horizontally - this would be the case for side panels. Defaults to `false`.

### collapsible

```ts
collapsible?: boolean
```

Sets whether the Element is collapsible.

### content

```ts
content?: HTMLElement
```

A DOM element to use for the content container.

### header

```ts
header?: HTMLElement
```

A DOM element to use for the header container.

### headerSize

```ts
headerSize?: number
```

The height of the header in pixels. Defaults to 32.

### headerText

```ts
headerText?: string
```

The header text of the panel. Defaults to the empty string.

### panelType

```ts
panelType?: "normal"
```

Sets the panel type.

### removable

```ts
removable?: boolean
```

Sets whether the panel can be removed.

### sortable

```ts
sortable?: boolean
```

Sets whether the panel can be reordered.

## Inherited from [ContainerArgs](https://api.playcanvas.com/pcui/interfaces/ContainerArgs.md)

- `alignItems?: string`
- `alignSelf?: string`
- `binding?: BindingBase`
- `children?: ReactNode`
- `class?: string | string[]`
- `dom?: string | HTMLElement`
- `enabled?: boolean`
- `error?: boolean`
- `flex?: boolean`
- `flexBasis?: string | number`
- `flexDirection?: string`
- `flexGrow?: string | number`
- `flexShrink?: string | number`
- `flexWrap?: string`
- `grid?: boolean`
- `height?: number`
- `hidden?: boolean`
- `id?: string`
- `ignoreParent?: boolean`
- `isRoot?: boolean`
- `justifyContent?: string`
- `justifySelf?: string`
- `link?: { observer: Observer | Observer[]; path: string | string[] }`
- `onChange?: (value: unknown) => void`
- `onClick?: () => void`
- `onRemove?: () => void`
- `onResize?: () => void`
- `parent?: Element`
- `readOnly?: boolean`
- `resizable?: string`
- `resizeMax?: number`
- `resizeMin?: number`
- `scrollable?: boolean`
- `style?: string`
- `tabIndex?: number`
- `width?: number`