---
title: "au-widget-group/IGroupConfig | Customer's Canvas On-Premises"
canonical: "https://customerscanvas.com/docs/on-premises/ui-framework/widgets/reference/au-widget-group.IGroupConfig/"
---

# au-widget-group/IGroupConfig

> Style of the `group` widget.

## Enumerations

### GroupWidgetType

#### Enumeration Members

| Enumeration Member | Value |
| ------ | ------ |
|  `collapsible` | `2` |
|  `htab` | `0` |
|  `noncollapsible` | `3` |
|  `vtab` | `1` |

## Interfaces

### AuWidgetGroupParam

Provides properties of the `group` widget.

You can use these properties in **params** of the `AuWidgetGroup` class.
```json
{
  "widgets": [
    {
      "name": "option-list",
      "type": "group",
      "params": {
        "type": "noncollapsible",
        "tabs": [
          {
            "widgets": [
              {
                "title": "Corner Type",
                "name": "corners",
                "type": "option",
                "params": { ... }
              },
              {
                "title": "Lamination",
                "name": "lamination",
                "type": "option",
                "params": { ... }
              }
            ]
          }
        ]
      }
    }
  ]
}
```

#### Properties

##### accordion

```ts
accordion: boolean;
```

If `true`, collapses the group.

##### scrollable?

```ts
optional scrollable?: boolean;
```

##### showCustomScroll

```ts
showCustomScroll: boolean;
```

##### tabs

```ts
tabs: Tab[];
```

An array of tabs.

##### type

```ts
type: GroupWidgetType;
```

A group type (`vtab`, `htab`, `collapsible` (accordion), or `noncollapsible`).

##### unifySelection

```ts
unifySelection: boolean;
```

***

### Tab

Provides properties for a [group tab](https://customerscanvas.com/docs/on-premises/ui-framework/widgets/reference/au-widget-group.IGroupConfig.md#auwidgetgroupparam).

#### Properties

##### icon

```ts
icon: string;
```

A tab icon.

##### id

```ts
id: number;
```

The tab ID.

##### opened?

```ts
optional opened?: boolean;
```

If `true`, opens this tab by default.

##### title

```ts
title: string;
```

The tab title.

##### tooltip

```ts
tooltip: string;
```

The hint of the tab.

##### visible?

```ts
optional visible?: boolean;
```

If `true`, shows this tab.

##### widgets

```ts
widgets: AuWidget[];
```

An array of widgets that belong to this tab.