# InfoBoxArgs

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

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

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

## Properties

### icon

```ts
icon?: string
```

The CSS code for an icon for the [InfoBox](https://api.playcanvas.com/pcui/classes/InfoBox.md). e.g. 'E401' (notice we omit the '\\' character). Defaults to ''.
Useful icon values for InfoBox are:

- 'E218' - warning
- 'E400' - info

### text

```ts
text?: string
```

Sets the 'text' of the [InfoBox](https://api.playcanvas.com/pcui/classes/InfoBox.md). Defaults to ''.

### title

```ts
title?: string
```

Sets the 'title' of the [InfoBox](https://api.playcanvas.com/pcui/classes/InfoBox.md). Defaults to ''.

### unsafe

```ts
unsafe?: boolean
```

If `true`, the [innerHTML](https://developer.mozilla.org/en-US/docs/Web/API/Element/innerHTML) property will be
used to set the text. Otherwise, [textContent](https://developer.mozilla.org/en-US/docs/Web/API/Node/textContent)
will be used instead. Defaults to `false`.

## 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`