--- title: "IArchedTextItemData | Customer's Canvas On-Premises" canonical: "https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IArchedTextItemData/" --- # IArchedTextItemData > A structure defining the default parameters of arched text. ## Interfaces ### IArchedTextItemData #### Remarks You can apply these parameters to the `archedText` object through either **clientConfig.json** or [IConfiguration https://customerscanvas.com/dev/editors/iframe-api/reference/design-editor-iframe/iconfiguration.html\|IConfiguration](https://customerscanvas.com/dev/editors/iframe-api/reference/design-editor-iframe/iconfiguration.html). #### Example ```json { "defaultItemsConfig": { "archedText": { "font": { "postScriptName": "Roboto-Regular", "size": 24 }, "text": "Arched text", "color": "cmyk(0%, 0%, 0%, 100%, 100%)", "bend": 0.7, "location": { "x": "50%", "y": "50%", "originX": "center", "originY": "center" } } } } ``` #### Extends - [`IBaseTextItemData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IBaseTextItemData.md#ibasetextitemdata)\<`TTextAlignment`, `TStrokeSettings`, `TShadowSettings`\> #### Extended by - [`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) ##### bend? ```ts optional bend?: number; ``` ##### 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) ##### 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) ##### 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) ##### 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) ##### 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) ##### 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) ##### 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) ##### 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) ##### warp? ```ts optional warp?: boolean; ``` ##### 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)