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

# Grips

> ***

## Enumerations

### GripsResizeType

#### Enumeration Members

| Enumeration Member | Value |
| ------ | ------ |
|  `cornerBottomLeftDecrease` | `"cornerBottomLeftDecrease"` |
|  `cornerBottomLeftIncrease` | `"cornerBottomLeftIncrease"` |
|  `cornerBottomRightDecrease` | `"cornerBottomRightDecrease"` |
|  `cornerBottomRightIncrease` | `"cornerBottomRightIncrease"` |
|  `cornerTopLeftDecrease` | `"cornerTopLeftDecrease"` |
|  `cornerTopLeftIncrease` | `"cornerTopLeftIncrease"` |
|  `cornerTopRightDecrease` | `"cornerTopRightDecrease"` |
|  `cornerTopRightIncrease` | `"cornerTopRightIncrease"` |
|  `decreaseBottom` | `"decreaseBottom"` |
|  `decreaseLeft` | `"decreaseLeft"` |
|  `decreaseRight` | `"decreaseRight"` |
|  `decreaseTop` | `"decreaseTop"` |
|  `increaseBottom` | `"increaseBottom"` |
|  `increaseLeft` | `"increaseLeft"` |
|  `increaseRight` | `"increaseRight"` |
|  `increaseTop` | `"increaseTop"` |
|  `none` | `"none"` |

### ResizeType

#### Enumeration Members

| Enumeration Member | Value |
| ------ | ------ |
|  `decHeight` | `"decHeight"` |
|  `decHeightAndWidth` | `"decHeightAndWidth"` |
|  `decWidth` | `"decWidth"` |
|  `incHeight` | `"incHeight"` |
|  `incHeightAndDecWidth` | `"incHeightAndDecWidth"` |
|  `incHeightAndWidth` | `"incHeightAndWidth"` |
|  `incWidth` | `"incWidth"` |
|  `incWidthAndDecHeight` | `"incWidthAndDecHeight"` |
|  `none` | `"none"` |

## Classes

### ResizeHelper

#### Constructors

##### Constructor

```ts
new ResizeHelper(): ResizeHelper;
```

###### Returns

[`ResizeHelper`](#resizehelper)

#### Methods

##### getTypeResize()

```ts
static getTypeResize(currentRect, prevRect): ResizeType;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `currentRect` | `RotatedRectangleF` |
| `prevRect` | `RotatedRectangleF` |

###### Returns

[`ResizeType`](#resizetype)

##### geTypeOfResizeByGrips()

```ts
static geTypeOfResizeByGrips(
   currentRect, 
   prevRect, 
   resizeIndex): GripsResizeType;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `currentRect` | `RotatedRectangleF` |
| `prevRect` | `RotatedRectangleF` |
| `resizeIndex` | `number` |

###### Returns

[`GripsResizeType`](#gripsresizetype)

##### isBottomLeftResizeGrip()

```ts
static isBottomLeftResizeGrip(index): index is 4;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `index` | `number` |

###### Returns

`index is 4`

##### isBottomResizeGrip()

```ts
static isBottomResizeGrip(index): index is 3 | 4 | 8;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `index` | `number` |

###### Returns

index is 3 \| 4 \| 8

##### isBottomRightResizeGrip()

```ts
static isBottomRightResizeGrip(index): index is 3;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `index` | `number` |

###### Returns

`index is 3`

##### isCornerResizeGrip()

```ts
static isCornerResizeGrip(index): index is 1 | 2 | 3 | 4;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `index` | `number` |

###### Returns

index is 1 \| 2 \| 3 \| 4

##### isEdgeResizeGrip()

```ts
static isEdgeResizeGrip(index): index is 5 | 6 | 7 | 8;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `index` | `number` |

###### Returns

index is 5 \| 6 \| 7 \| 8

##### isLeftResizeGrip()

```ts
static isLeftResizeGrip(index): index is 1 | 4 | 5;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `index` | `number` |

###### Returns

index is 1 \| 4 \| 5

##### isRightResizeGrip()

```ts
static isRightResizeGrip(index): index is 2 | 3 | 7;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `index` | `number` |

###### Returns

index is 2 \| 3 \| 7

##### isTopLeftResizeGrip()

```ts
static isTopLeftResizeGrip(index): index is 1;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `index` | `number` |

###### Returns

`index is 1`

##### isTopResizeGrip()

```ts
static isTopResizeGrip(index): index is 1 | 2 | 6;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `index` | `number` |

###### Returns

index is 1 \| 2 \| 6

##### isTopRightResizeGrip()

```ts
static isTopRightResizeGrip(index): index is 2;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `index` | `number` |

###### Returns

`index is 2`