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

# au-widget-slider/ISliderConfig

> Arrangement of images in the `AuWidgetSlider` class.

## Enumerations

### Direction

#### Enumeration Members

| Enumeration Member | Value | Description |
| ------ | ------ | ------ |
|  `horizontal` | `"horizontal"` | Horizontally-oriented slider. |
|  `tile` | `"tile"` | Tile images. |
|  `vertical` | `"vertical"` | Vertically-oriented slider. |

## Interfaces

### AdvancedISliderConfig

Provides properties for arranging images in the `AuWidgetSlider` class.

#### Extended by

- [`ISliderConfig`](#isliderconfig)

#### Properties

##### columns?

```ts
optional columns?: number;
```

##### increment?

```ts
optional increment?: number;
```

##### rows?

```ts
optional rows?: number;
```

***

### IImagesSlider

Provides [image](https://customerscanvas.com/docs/on-premises/ui-framework/widgets/reference/au-widget-image-carousel.IImage.md#iimagecarouselconfig) properties.

#### Extends

- [`IImage`](https://customerscanvas.com/docs/on-premises/ui-framework/widgets/reference/au-widget-image-carousel.IImage.md#iimage)

#### Properties

##### class

```ts
class: string;
```

##### height?

```ts
optional height?: number;
```

The max image height.

###### Inherited from

[`IImage`](https://customerscanvas.com/docs/on-premises/ui-framework/widgets/reference/au-widget-image-carousel.IImage.md#iimage).[`height`](https://customerscanvas.com/docs/on-premises/ui-framework/widgets/reference/au-widget-image-carousel.IImage.md#height)

##### id

```ts
id: number;
```

##### title

```ts
title: string;
```

The image title.

###### Inherited from

[`IImage`](https://customerscanvas.com/docs/on-premises/ui-framework/widgets/reference/au-widget-image-carousel.IImage.md#iimage).[`title`](https://customerscanvas.com/docs/on-premises/ui-framework/widgets/reference/au-widget-image-carousel.IImage.md#title)

##### url

```ts
url: string;
```

A URL that links to the low-resolution thumbnail.

###### Inherited from

[`IImage`](https://customerscanvas.com/docs/on-premises/ui-framework/widgets/reference/au-widget-image-carousel.IImage.md#iimage).[`url`](https://customerscanvas.com/docs/on-premises/ui-framework/widgets/reference/au-widget-image-carousel.IImage.md#url)

##### urlHD

```ts
urlHD: string;
```

A URL that links to the hi-resolution image.

###### Inherited from

[`IImage`](https://customerscanvas.com/docs/on-premises/ui-framework/widgets/reference/au-widget-image-carousel.IImage.md#iimage).[`urlHD`](https://customerscanvas.com/docs/on-premises/ui-framework/widgets/reference/au-widget-image-carousel.IImage.md#urlhd)

##### width?

```ts
optional width?: number;
```

The max image width.

###### Inherited from

[`IImage`](https://customerscanvas.com/docs/on-premises/ui-framework/widgets/reference/au-widget-image-carousel.IImage.md#iimage).[`width`](https://customerscanvas.com/docs/on-premises/ui-framework/widgets/reference/au-widget-image-carousel.IImage.md#width)

***

### ISliderConfig

Provides properties for arranging images in the `AuWidgetSlider` class.

#### Extends

- [`AdvancedISliderConfig`](#advancedisliderconfig)

#### Properties

##### columns?

```ts
optional columns?: number;
```

###### Inherited from

[`AdvancedISliderConfig`](#advancedisliderconfig).[`columns`](#columns)

##### direction

```ts
direction: Direction;
```

##### images

```ts
images: IImagesSlider[];
```

##### increment?

```ts
optional increment?: number;
```

###### Inherited from

[`AdvancedISliderConfig`](#advancedisliderconfig).[`increment`](#increment)

##### lightbox

```ts
lightbox: boolean;
```

##### listPage

```ts
listPage: boolean;
```

##### quantity

```ts
quantity: number;
```

##### rows?

```ts
optional rows?: number;
```

###### Inherited from

[`AdvancedISliderConfig`](#advancedisliderconfig).[`rows`](#rows)