---
title: "ICanvasDataSource | Customer's Canvas On-Premises"
canonical: "https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/ICanvasDataSource/"
---

# ICanvasDataSource

> ICanvasDataSource

## Interfaces

### ICanvasDataSource

#### Properties

##### badViolationIconCssClass

```ts
badViolationIconCssClass: string;
```

##### bigButtonGroupCssClass

```ts
bigButtonGroupCssClass: string;
```

##### disableSmoothing

```ts
disableSmoothing: boolean;
```

##### doneButtonCssClass

```ts
doneButtonCssClass: string;
```

##### goodViolationIconCssClass

```ts
goodViolationIconCssClass: string;
```

##### handleButtonCssClass

```ts
handleButtonCssClass: string;
```

##### layers

```ts
layers: LayerCollection;
```

##### maxFontSize

```ts
maxFontSize: number;
```

##### maxLeading

```ts
maxLeading: number;
```

##### minFontSize

```ts
minFontSize: number;
```

##### minLeading

```ts
minLeading: number;
```

##### mouseMoveTimeout

```ts
mouseMoveTimeout: number;
```

##### multipleSelectionEnabled

```ts
multipleSelectionEnabled: boolean;
```

##### placeholderButtonGroupCssClass

```ts
placeholderButtonGroupCssClass: string;
```

##### qualityBadToGoodChangeScaleBarCssClass

```ts
qualityBadToGoodChangeScaleBarCssClass: string;
```

##### qualityBadToWarningChangeScaleBarCssClass

```ts
qualityBadToWarningChangeScaleBarCssClass: string;
```

##### qualityChangeContainerCssClass

```ts
qualityChangeContainerCssClass: string;
```

##### qualityChangeInfoBarCssClass

```ts
qualityChangeInfoBarCssClass: string;
```

##### qualityChangeScaleBarCssClass

```ts
qualityChangeScaleBarCssClass: string;
```

##### qualityNoAnimationChangeScaleBarCssClass

```ts
qualityNoAnimationChangeScaleBarCssClass: string;
```

##### qualityWarningToGoodChangeScaleBarCssClass

```ts
qualityWarningToGoodChangeScaleBarCssClass: string;
```

##### resizeGripColor

```ts
resizeGripColor: string;
```

##### resizeGripLineColor

```ts
resizeGripLineColor: string;
```

##### resizeGripSize

```ts
resizeGripSize: number;
```

##### rotationGripColor

```ts
rotationGripColor: string;
```

##### rotationGripLineColor

```ts
rotationGripLineColor: string;
```

##### rotationGripLineLength

```ts
rotationGripLineLength: number;
```

##### rotationGripSize

```ts
rotationGripSize: number;
```

##### selectionColor

```ts
selectionColor: string;
```

##### selectionWidth

```ts
selectionWidth: number;
```

##### tags

```ts
tags: Object;
```

##### targetDpi

```ts
targetDpi: number;
```

##### translations

```ts
translations: Translations;
```

##### violationContainerCssClass

```ts
violationContainerCssClass: string;
```

##### violationWarningButtonCssClass

```ts
violationWarningButtonCssClass: string;
```

##### warningViolationIconCssClass

```ts
warningViolationIconCssClass: string;
```

##### workspaceHeight

```ts
workspaceHeight: number;
```

##### workspaceWidth

```ts
workspaceWidth: number;
```

##### zoom

```ts
zoom: number;
```