--- title: "IBaseTextItemData | Customer's Canvas On-Premises" canonical: "https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IBaseTextItemData/" --- # IBaseTextItemData > A structure defining the basic text parameters. ## Interfaces ### IBaseTextItemData #### Example ```json { "defaultItemsConfig": { "text": { "font": { "postScriptName": "Impact", "size": 33, "fauxBold": true, "fauxItalic": true }, "color": "rgb(30,30,30)", "shadow": { "color": "rgb(255,0,0)", "size": 0.4, "angle": 45, "distance": 2 }, "stroke": { "size": 0.3 }, "overflowStrategy": "FitToWidth", "textPermissions": { "allowChangeFontColor": false, "allowChangeShadow": false, "allowChangeStroke": false } } } } ``` #### Extends - [`IContentItemData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IContentItemData.md#icontentitemdata) #### Extended by - [`IArchedTextItemData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IArchedTextItemData.md#iarchedtextitemdata) - [`IBoundedTextItemData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IBoundedTextItemData.md#iboundedtextitemdata) - [`IPlainTextItemData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IPlainTextItemData.md#iplaintextitemdata) - [`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 [`IContentItemData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IContentItemData.md#icontentitemdata).[`adjustSize`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IContentItemData.md#adjustsize) ##### alignment? ```ts optional alignment?: TTextAlignment; ``` The text alignment. ##### angle? ```ts optional angle?: number; ``` An angle, which design elements are rotated to. By default, this value is `0`. ###### Inherited from [`IContentItemData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IContentItemData.md#icontentitemdata).[`angle`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IContentItemData.md#angle) ##### blendMode? ```ts optional blendMode?: BlendMode; ``` A blend mode that applies to design elements being added to the canvas. ###### Inherited from [`IContentItemData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IContentItemData.md#icontentitemdata).[`blendMode`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IContentItemData.md#blendmode) ##### borderColor? ```ts optional borderColor?: string; ``` The border color. The default value is `"rgba(0,0,0,1)"`. ###### Inherited from [`IContentItemData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IContentItemData.md#icontentitemdata).[`borderColor`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IContentItemData.md#bordercolor) ##### borderWidth? ```ts optional borderWidth?: number; ``` The border width, in points. The default value is `1`. ###### Inherited from [`IContentItemData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IContentItemData.md#icontentitemdata).[`borderWidth`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IContentItemData.md#borderwidth) ##### checkTextCrop? ```ts optional checkTextCrop?: boolean; ``` ##### color? ```ts optional color?: string; ``` The text color. The default value is `"rgba(0,0,0,1)"`. ##### fillColor? ```ts optional fillColor?: string; ``` The fill color. The default value is `"rgba(0, 0, 0, 0)"`. ###### Inherited from [`IContentItemData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IContentItemData.md#icontentitemdata).[`fillColor`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IContentItemData.md#fillcolor) ##### font? ```ts optional font?: IFontSettingsData; ``` The font parameters. ##### 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 [`IContentItemData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IContentItemData.md#icontentitemdata).[`height`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IContentItemData.md#height) ##### horizontalScale? ```ts optional horizontalScale?: number; ``` Allows you to scale text horizontally. The default value is `1`. ##### isVariable? ```ts optional isVariable?: boolean; ``` Marks a design element as a variable item. The default value is `false`. ###### Inherited from [`IContentItemData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IContentItemData.md#icontentitemdata).[`isVariable`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IContentItemData.md#isvariable) ##### itemPermissions? ```ts optional itemPermissions?: IItemPermissionsData; ``` A structure defining the Item Menu and the Floating item toolbar for design elements. ###### Inherited from [`IContentItemData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IContentItemData.md#icontentitemdata).[`itemPermissions`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IContentItemData.md#itempermissions) ##### leading? ```ts optional leading?: number; ``` The spacing between base lines, in points. ##### 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 [`IContentItemData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IContentItemData.md#icontentitemdata).[`location`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IContentItemData.md#location) ##### manipulationPermissions? ```ts optional manipulationPermissions?: IManipulationPermissionsData; ``` A structure defining the manipulation permissions for design elements. ###### Inherited from [`IContentItemData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IContentItemData.md#icontentitemdata).[`manipulationPermissions`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IContentItemData.md#manipulationpermissions) ##### maskOpacity? ```ts optional maskOpacity?: number; ``` The mask opacity of an item. The default value is `0.45`. ###### Inherited from [`IContentItemData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IContentItemData.md#icontentitemdata).[`maskOpacity`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IContentItemData.md#maskopacity) ##### name? ```ts optional name?: string; ``` The name of design elements being added to the canvas. ###### Inherited from [`IContentItemData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IContentItemData.md#icontentitemdata).[`name`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IContentItemData.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 [`IContentItemData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IContentItemData.md#icontentitemdata).[`opacity`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IContentItemData.md#opacity) ##### overlapLinesEnabled? ```ts optional overlapLinesEnabled?: boolean; ``` ##### overprintFill? ```ts optional overprintFill?: boolean; ``` ###### Inherited from [`IContentItemData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IContentItemData.md#icontentitemdata).[`overprintFill`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IContentItemData.md#overprintfill) ##### overprintStroke? ```ts optional overprintStroke?: boolean; ``` ###### Inherited from [`IContentItemData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IContentItemData.md#icontentitemdata).[`overprintStroke`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IContentItemData.md#overprintstroke) ##### overprintText? ```ts optional overprintText?: boolean; ``` ##### previewLeading? ```ts optional previewLeading?: number; ``` The spacing between base lines on proof images, in points. ##### previewScale? ```ts optional previewScale?: number; ``` The text scaling on proof images. ##### shadow? ```ts optional shadow?: TShadowSettings; ``` The shadow parameters. ##### shapePermissions? ```ts optional shapePermissions?: IShapePermissionsData; ``` Defines permissions for shapes. ###### Inherited from [`IContentItemData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IContentItemData.md#icontentitemdata).[`shapePermissions`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IContentItemData.md#shapepermissions) ##### stroke? ```ts optional stroke?: TStrokeSettings; ``` The stroke parameters. ##### 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. ##### textPermissions? ```ts optional textPermissions?: ITextPermissionsData; ``` Defines permissions for new text elements. ##### 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 [`IContentItemData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IContentItemData.md#icontentitemdata).[`textWrappingMode`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IContentItemData.md#textwrappingmode) ##### themeBinding? ```ts optional themeBinding?: IThemeBindingData; ``` A style or a color that applies to new design elements. ###### Inherited from [`IContentItemData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IContentItemData.md#icontentitemdata).[`themeBinding`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IContentItemData.md#themebinding) ##### tracking? ```ts optional tracking?: number; ``` The spacing between characters, in points. The default value is `0`. ##### underline? ```ts optional underline?: boolean; ``` Enables the underline. The default value is `false`. ##### verticalScale? ```ts optional verticalScale?: number; ``` Allows you to scale text vertically. The default value is `1`. ##### violationSettings? ```ts optional violationSettings?: IViolationSettings; ``` A structure defining the design validation parameters and warnings. ###### Inherited from [`IContentItemData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IContentItemData.md#icontentitemdata).[`violationSettings`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IContentItemData.md#violationsettings) ##### visible? ```ts optional visible?: boolean; ``` Indicates whether the design element is visible on the canvas. The default value is `true`. ###### Inherited from [`IContentItemData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IContentItemData.md#icontentitemdata).[`visible`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IContentItemData.md#visible) ##### visualizationPermissions? ```ts optional visualizationPermissions?: IVisualizationPermissionsData; ``` A structure defining the visualization permissions for design elements. ###### Inherited from [`IContentItemData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IContentItemData.md#icontentitemdata).[`visualizationPermissions`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IContentItemData.md#visualizationpermissions) ##### width? ```ts optional width?: string | number; ``` The width of design elements being added to the canvas, in points or percent. ###### Inherited from [`IContentItemData`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IContentItemData.md#icontentitemdata).[`width`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms-interfaces/IContentItemData.md#width)