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

# IBoundedTextItemData

> A structure defining the basic parameters of bounded text.

## Interfaces

### IBoundedTextItemData

#### Example

```json
{
   "defaultItemsConfig": {
       "richText": {
           "isVertical": true,
           "verticalAlignment": "center",
           "overflowStrategy": "fitToWidth",
           "tracking": 12,
           "maxLineCount": 2,
           "maxLineLength": 20
       }
   }
}
```

#### Extends

- [`IBaseTextItemData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IBaseTextItemData.md#ibasetextitemdata)\<`TTextAlignment`, `TStrokeSettings`, `TShadowSettings`\>

#### Extended by

- [`IRichTextData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IRichTextData.md#irichtextdata)
- [`ITextItemData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/ITextItemData.md#itextitemdata)

#### Type Parameters

| Type Parameter |
| ------ |
| `TTextAlignment` |
| `TStrokeSettings` |
| `TShadowSettings` |

#### Properties

##### adjustSize?

```ts
optional adjustSize?: boolean;
```

###### Inherited from

[`IBaseTextItemData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IBaseTextItemData.md#ibasetextitemdata).[`adjustSize`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IBaseTextItemData.md#adjustsize)

##### alignment?

```ts
optional alignment?: TTextAlignment;
```

The text alignment.

###### Inherited from

[`IBaseTextItemData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IBaseTextItemData.md#ibasetextitemdata).[`alignment`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IBaseTextItemData.md#alignment)

##### angle?

```ts
optional angle?: number;
```

An angle, which design elements are rotated to. By default, this value is `0`.

###### Inherited from

[`IBaseTextItemData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IBaseTextItemData.md#ibasetextitemdata).[`angle`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IBaseTextItemData.md#angle)

##### blendMode?

```ts
optional blendMode?: BlendMode;
```

A blend mode that applies to design elements being added to the canvas.

###### Inherited from

[`IBaseTextItemData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IBaseTextItemData.md#ibasetextitemdata).[`blendMode`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IBaseTextItemData.md#blendmode)

##### borderColor?

```ts
optional borderColor?: string;
```

The border color. The default value is `"rgba(0,0,0,1)"`.

###### Inherited from

[`IBaseTextItemData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IBaseTextItemData.md#ibasetextitemdata).[`borderColor`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IBaseTextItemData.md#bordercolor)

##### borderWidth?

```ts
optional borderWidth?: number;
```

The border width, in points. The default value is `1`.

###### Inherited from

[`IBaseTextItemData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IBaseTextItemData.md#ibasetextitemdata).[`borderWidth`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IBaseTextItemData.md#borderwidth)

##### characterLimit?

```ts
optional characterLimit?: number;
```

Limits the number of characters that the user can enter in the Rich text editor. By default, this number is not limited.

##### checkTextCrop?

```ts
optional checkTextCrop?: boolean;
```

###### Inherited from

[`IBaseTextItemData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IBaseTextItemData.md#ibasetextitemdata).[`checkTextCrop`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IBaseTextItemData.md#checktextcrop)

##### color?

```ts
optional color?: string;
```

The text color. The default value is `"rgba(0,0,0,1)"`.

###### Inherited from

[`IBaseTextItemData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IBaseTextItemData.md#ibasetextitemdata).[`color`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IBaseTextItemData.md#color)

##### fillColor?

```ts
optional fillColor?: string;
```

The fill color. The default value is `"rgba(0, 0, 0, 0)"`.

###### Inherited from

[`IBaseTextItemData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IBaseTextItemData.md#ibasetextitemdata).[`fillColor`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IBaseTextItemData.md#fillcolor)

##### font?

```ts
optional font?: IFontSettingsData;
```

The font parameters.

###### Inherited from

[`IBaseTextItemData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IBaseTextItemData.md#ibasetextitemdata).[`font`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IBaseTextItemData.md#font)

##### height?

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

The height of design elements being added to the canvas, in points or percent. For QR codes, the `width` value is used for both `width` and `height`.

###### Inherited from

[`IBaseTextItemData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IBaseTextItemData.md#ibasetextitemdata).[`height`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IBaseTextItemData.md#height)

##### horizontalScale?

```ts
optional horizontalScale?: number;
```

Allows you to scale text horizontally. The default value is `1`.

###### Inherited from

[`IBaseTextItemData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IBaseTextItemData.md#ibasetextitemdata).[`horizontalScale`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IBaseTextItemData.md#horizontalscale)

##### isVariable?

```ts
optional isVariable?: boolean;
```

Marks a design element as a variable item. The default value is `false`.

###### Inherited from

[`IBaseTextItemData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IBaseTextItemData.md#ibasetextitemdata).[`isVariable`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IBaseTextItemData.md#isvariable)

##### isVertical?

```ts
optional isVertical?: boolean;
```

Enables the vertical orientation of bounded text. The default value is `false`.

##### itemPermissions?

```ts
optional itemPermissions?: IItemPermissionsData;
```

A structure defining the Item Menu and the Floating item toolbar for design elements.

###### Inherited from

[`IBaseTextItemData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IBaseTextItemData.md#ibasetextitemdata).[`itemPermissions`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IBaseTextItemData.md#itempermissions)

##### leading?

```ts
optional leading?: number;
```

The spacing between base lines, in points.

###### Inherited from

[`IBaseTextItemData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IBaseTextItemData.md#ibasetextitemdata).[`leading`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IBaseTextItemData.md#leading)

##### location?

```ts
optional location?: ILocationData;
```

The coordinates of design elements being added to the canvas. By default, you can add them to the center of your product.

###### Inherited from

[`IBaseTextItemData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IBaseTextItemData.md#ibasetextitemdata).[`location`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IBaseTextItemData.md#location)

##### manipulationPermissions?

```ts
optional manipulationPermissions?: IManipulationPermissionsData;
```

A structure defining the manipulation permissions for design elements.

###### Inherited from

[`IBaseTextItemData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IBaseTextItemData.md#ibasetextitemdata).[`manipulationPermissions`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IBaseTextItemData.md#manipulationpermissions)

##### maskOpacity?

```ts
optional maskOpacity?: number;
```

The mask opacity of an item. The default value is `0.45`.

###### Inherited from

[`IBaseTextItemData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IBaseTextItemData.md#ibasetextitemdata).[`maskOpacity`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IBaseTextItemData.md#maskopacity)

##### maxLineCount?

```ts
optional maxLineCount?: number;
```

The maximum number of lines which the user is allowed to enter into a specific point text or bounded text element. By default, this number is not limited.

##### maxLineLength?

```ts
optional maxLineLength?: number;
```

The maximum length of text lines which the user is allowed to enter into a specific point text or bounded text element. By default, this number is not limited.

##### name?

```ts
optional name?: string;
```

The name of design elements being added to the canvas.

###### Inherited from

[`IBaseTextItemData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IBaseTextItemData.md#ibasetextitemdata).[`name`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IBaseTextItemData.md#name)

##### opacity?

```ts
optional opacity?: number;
```

An opacity that applies to design elements. This value can be from `0` to `1`. By default, it is `1`.

###### Inherited from

[`IBaseTextItemData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IBaseTextItemData.md#ibasetextitemdata).[`opacity`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IBaseTextItemData.md#opacity)

##### overflowStrategy?

```ts
optional overflowStrategy?: OverflowStrategy;
```

The copyfitting strategy applied to a bounded text element when it overflows. By default, this property is `"clip"`.

##### overlapLinesEnabled?

```ts
optional overlapLinesEnabled?: boolean;
```

###### Inherited from

[`IBaseTextItemData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IBaseTextItemData.md#ibasetextitemdata).[`overlapLinesEnabled`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IBaseTextItemData.md#overlaplinesenabled)

##### overprintFill?

```ts
optional overprintFill?: boolean;
```

###### Inherited from

[`IBaseTextItemData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IBaseTextItemData.md#ibasetextitemdata).[`overprintFill`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IBaseTextItemData.md#overprintfill)

##### overprintStroke?

```ts
optional overprintStroke?: boolean;
```

###### Inherited from

[`IBaseTextItemData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IBaseTextItemData.md#ibasetextitemdata).[`overprintStroke`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IBaseTextItemData.md#overprintstroke)

##### overprintText?

```ts
optional overprintText?: boolean;
```

###### Inherited from

[`IBaseTextItemData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IBaseTextItemData.md#ibasetextitemdata).[`overprintText`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IBaseTextItemData.md#overprinttext)

##### paragraphSettings?

```ts
optional paragraphSettings?: IParagraphSettingsData;
```

The default parameters of paragraphs.

##### previewLeading?

```ts
optional previewLeading?: number;
```

The spacing between base lines on proof images, in points.

###### Inherited from

[`IBaseTextItemData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IBaseTextItemData.md#ibasetextitemdata).[`previewLeading`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IBaseTextItemData.md#previewleading)

##### previewScale?

```ts
optional previewScale?: number;
```

The text scaling on proof images.

###### Inherited from

[`IBaseTextItemData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IBaseTextItemData.md#ibasetextitemdata).[`previewScale`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IBaseTextItemData.md#previewscale)

##### shadow?

```ts
optional shadow?: TShadowSettings;
```

The shadow parameters.

###### Inherited from

[`IBaseTextItemData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IBaseTextItemData.md#ibasetextitemdata).[`shadow`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IBaseTextItemData.md#shadow)

##### shapePermissions?

```ts
optional shapePermissions?: IShapePermissionsData;
```

Defines permissions for shapes.

###### Inherited from

[`IBaseTextItemData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IBaseTextItemData.md#ibasetextitemdata).[`shapePermissions`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IBaseTextItemData.md#shapepermissions)

##### stroke?

```ts
optional stroke?: TStrokeSettings;
```

The stroke parameters.

###### Inherited from

[`IBaseTextItemData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IBaseTextItemData.md#ibasetextitemdata).[`stroke`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IBaseTextItemData.md#stroke)

##### text?

```ts
optional text?: string;
```

The default content for new text elements. It is an empty string for text with rich formatting and `"Text"` for plain text.

###### Inherited from

[`IBaseTextItemData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IBaseTextItemData.md#ibasetextitemdata).[`text`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IBaseTextItemData.md#text)

##### textPermissions?

```ts
optional textPermissions?: ITextPermissionsData;
```

Defines permissions for new text elements.

###### Inherited from

[`IBaseTextItemData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IBaseTextItemData.md#ibasetextitemdata).[`textPermissions`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IBaseTextItemData.md#textpermissions)

##### textShrinkMode?

```ts
optional textShrinkMode?: ShrinkMode;
```

A mode defining how a bounded text element shrinks to its bounds when it overflows. By default, this property is `"size"`.

##### textWrappingMode?

```ts
optional textWrappingMode?: WrappingMode;
```

A wrapping mode that applies to wrap text around design elements, one of `"none"`, `"square"`, or `"tight"`. By default, it is `"none"`.

###### Inherited from

[`IBaseTextItemData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IBaseTextItemData.md#ibasetextitemdata).[`textWrappingMode`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IBaseTextItemData.md#textwrappingmode)

##### themeBinding?

```ts
optional themeBinding?: IThemeBindingData;
```

A style or a color that applies to new design elements.

###### Inherited from

[`IBaseTextItemData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IBaseTextItemData.md#ibasetextitemdata).[`themeBinding`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IBaseTextItemData.md#themebinding)

##### tracking?

```ts
optional tracking?: number;
```

The spacing between characters, in points. The default value is `0`.

###### Inherited from

[`IBaseTextItemData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IBaseTextItemData.md#ibasetextitemdata).[`tracking`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IBaseTextItemData.md#tracking)

##### underline?

```ts
optional underline?: boolean;
```

Enables the underline. The default value is `false`.

###### Inherited from

[`IBaseTextItemData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IBaseTextItemData.md#ibasetextitemdata).[`underline`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IBaseTextItemData.md#underline)

##### verticalAlignment?

```ts
optional verticalAlignment?: VerticalAlignmentType;
```

Defines how the vertical bounded text is aligned. The default value is `"top"`.

##### verticalScale?

```ts
optional verticalScale?: number;
```

Allows you to scale text vertically. The default value is `1`.

###### Inherited from

[`IBaseTextItemData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IBaseTextItemData.md#ibasetextitemdata).[`verticalScale`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IBaseTextItemData.md#verticalscale)

##### violationSettings?

```ts
optional violationSettings?: IViolationSettings;
```

A structure defining the design validation parameters and warnings.

###### Inherited from

[`IBaseTextItemData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IBaseTextItemData.md#ibasetextitemdata).[`violationSettings`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IBaseTextItemData.md#violationsettings)

##### visible?

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

Indicates whether the design element is visible on the canvas. The default value is `true`.

###### Inherited from

[`IBaseTextItemData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IBaseTextItemData.md#ibasetextitemdata).[`visible`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IBaseTextItemData.md#visible)

##### visualizationPermissions?

```ts
optional visualizationPermissions?: IVisualizationPermissionsData;
```

A structure defining the visualization permissions for design elements.

###### Inherited from

[`IBaseTextItemData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IBaseTextItemData.md#ibasetextitemdata).[`visualizationPermissions`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IBaseTextItemData.md#visualizationpermissions)

##### width?

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

The width of design elements being added to the canvas, in points or percent.

###### Inherited from

[`IBaseTextItemData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IBaseTextItemData.md#ibasetextitemdata).[`width`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IBaseTextItemData.md#width)

##### wrappingMargin?

```ts
optional wrappingMargin?: number;
```

The spacing between an item and wrapping text, in points. The default value is `7`.