{ "framework": "vue", "name": "tjemail", "version": "1.2.364", "contributions": { "html": { "description-markup": "markdown", "types-syntax": "typescript", "tags": [ { "name": "MAccordion", "description": "AMP Accordion. Allows you to create \"accordions\" in emails", "attributes": [ { "name": "animate", "value": { "kind": "expression", "type": "boolean" } }, { "name": "expandSingleSection", "value": { "kind": "expression", "type": "boolean" } } ], "slots": [ { "name": "default" } ], "source": { "module": "./src/components/amp/MAccordion.vue", "symbol": "default" } }, { "name": "MAccordionBody", "description": "AMP Body of an Accordion Section. Allows you to create the body of a section in an \"accordion.\"", "slots": [ { "name": "default" } ], "source": { "module": "./src/components/amp/MAccordionBody.vue", "symbol": "default" } }, { "name": "MAccordionSection", "description": "AMP Section of an Accordion. Allows you to create a section in an \"accordion.\"", "attributes": [ { "name": "expanded", "value": { "kind": "expression", "type": "boolean" } } ], "slots": [ { "name": "default" } ], "source": { "module": "./src/components/amp/MAccordionSection.vue", "symbol": "default" } }, { "name": "MAccordionTitle", "description": "AMP Title of an Accordion Section. Allows you to create a clickable section heading in the \"accordion\" that expands or collapses the content of the section", "slots": [ { "name": "default" } ], "source": { "module": "./src/components/amp/MAccordionTitle.vue", "symbol": "default" } }, { "name": "MAsset", "description": "", "slots": [ { "name": "default" } ], "source": { "module": "./src/components/editor/MAsset.vue", "symbol": "default" } }, { "name": "MAssets", "description": "", "slots": [ { "name": "default" } ], "source": { "module": "./src/components/MAsset.vue", "symbol": "default" } }, { "name": "MBody", "description": "The overall wrapping of the entire email. The tag is required and can be used in the email only once.", "attributes": [ { "name": "fontFamily", "value": { "kind": "expression", "type": "string" }, "default": "'Verdana, Arial, Helvetica, sans-serif'" }, { "name": "fontSize", "value": { "kind": "expression", "type": "string" }, "default": "'14px'" }, { "name": "lineHeight", "value": { "kind": "expression", "type": "string" }, "default": "'normal'" }, { "name": "color", "value": { "kind": "expression", "type": "string" }, "default": "'#000000'" }, { "name": "bgcolor", "value": { "kind": "expression", "type": "string" }, "default": "'#ffffff'" } ], "slots": [ { "name": "default" } ], "source": { "module": "./src/components/html/MBody.vue", "symbol": "default" } }, { "name": "MBox", "description": "Stacking blocks. Can only be used inside m-boxes", "attributes": [ { "name": "align", "value": { "kind": "expression", "type": "string" }, "default": "'center'" }, { "name": "valign", "value": { "kind": "expression", "type": "string" }, "default": "'top'" }, { "name": "width", "value": { "kind": "expression", "type": "string" }, "default": "'300'" } ], "slots": [ { "name": "default" } ], "source": { "module": "./src/components/html/MBox.vue", "symbol": "default" } }, { "name": "MBoxes", "description": "", "attributes": [ { "name": "align", "value": { "kind": "expression", "type": "string" }, "default": "'center'" }, { "name": "valign", "value": { "kind": "expression", "type": "string" }, "default": "'top'" }, { "name": "inverted", "value": { "kind": "expression", "type": "boolean" } }, { "name": "direction", "value": { "kind": "expression", "type": "string|boolean" }, "default": "false" } ], "slots": [ { "name": "default" } ], "source": { "module": "./src/components/html/MBoxes.vue", "symbol": "default" } }, { "name": "MButton", "description": "Button", "attributes": [ { "name": "fontFamily", "value": { "kind": "expression", "type": "string" }, "default": "''" }, { "name": "fontSize", "value": { "kind": "expression", "type": "string" }, "default": "''" }, { "name": "lineHeight", "value": { "kind": "expression", "type": "string" }, "default": "''" }, { "name": "color", "value": { "kind": "expression", "type": "string" }, "default": "'#ffffff'" }, { "name": "bold", "value": { "kind": "expression", "type": "boolean" }, "default": "false" }, { "name": "bgcolor", "value": { "kind": "expression", "type": "string" } }, { "name": "background", "value": { "kind": "expression", "type": "string" }, "default": "''" }, { "name": "borderRadius", "value": { "kind": "expression", "type": "string" } }, { "name": "borderColor", "value": { "kind": "expression", "type": "string" } }, { "name": "borderWidth", "value": { "kind": "expression", "type": "string" } }, { "name": "borderStyle", "value": { "kind": "expression", "type": "string" } }, { "name": "border", "value": { "kind": "expression", "type": "string" } }, { "name": "on", "value": { "kind": "expression", "type": "string" } }, { "name": "href", "value": { "kind": "expression", "type": "string" }, "default": "'#'" }, { "name": "height", "value": { "kind": "expression", "type": "string" }, "default": "'58'" }, { "name": "width", "value": { "kind": "expression", "type": "string" }, "default": "'100%'" } ], "slots": [ { "name": "default" } ], "source": { "module": "./src/components/html/MButton.vue", "symbol": "default" } }, { "name": "MCarousel", "description": "AMP Carousel. Allows you to create carousels of images and content inside the email", "attributes": [ { "name": "width", "value": { "kind": "expression", "type": "string|number" }, "default": "'600'" }, { "name": "height", "value": { "kind": "expression", "type": "string|number" }, "default": "'300'" }, { "name": "layout", "value": { "kind": "expression", "type": "string" }, "default": "'responsive'" }, { "name": "type", "value": { "kind": "expression", "type": "string" }, "default": "'slides'" }, { "name": "loop", "value": { "kind": "expression", "type": "boolean" } }, { "name": "autoplay", "value": { "kind": "expression", "type": "boolean" } }, { "name": "delay", "value": { "kind": "expression", "type": "string|number" } } ], "slots": [ { "name": "default" } ], "source": { "module": "./src/components/amp/MCarousel.vue", "symbol": "default" } }, { "name": "MColumn", "description": "Non-stacking block. (similar to a table cell). Can only be used inside an m-row element", "attributes": [ { "name": "align", "value": { "kind": "expression", "type": "string" }, "default": "'center'" }, { "name": "valign", "value": { "kind": "expression", "type": "string" }, "default": "'top'" }, { "name": "bgcolor", "value": { "kind": "expression", "type": "string" } }, { "name": "width", "value": { "kind": "expression", "type": "string" } }, { "name": "height", "value": { "kind": "expression", "type": "string" } }, { "name": "borderRadius", "value": { "kind": "expression", "type": "string" } }, { "name": "borderLeft", "value": { "kind": "expression", "type": "string" } }, { "name": "borderRight", "value": { "kind": "expression", "type": "string" } }, { "name": "borderTop", "value": { "kind": "expression", "type": "string" } }, { "name": "borderBottom", "value": { "kind": "expression", "type": "string" } }, { "name": "border", "value": { "kind": "expression", "type": "string" } }, { "name": "padding", "value": { "kind": "expression", "type": "string" } } ], "slots": [ { "name": "default" } ], "source": { "module": "./src/components/html/MColumn.vue", "symbol": "default" } }, { "name": "MForm", "description": "AMP form. Allows you to create forms in an email\n When saving an email in Ampier, the action attribute will be generated and substituted automatically\n
When using various fields (input, select, textarea), you can assign special attributes to them. These will help while saving the code in Ampier
\n- The data-title attribute allows you to set the Title of the field (used when displaying data)
\n- Setting the value of the data-required attribute to ‘1’ will allow you to specify that the field is required.
\nUse data-amp-attributes for apply amp-bind states, E.g.:
data-amp-hidden=\"mystate == 1\"", "attributes": [ { "name": "action", "value": { "kind": "expression", "type": "string" }, "default": "'https://ampier.io/amp/post/120?key=817b5e2c9131f7e4b164ab55f86bd883&format=json'" }, { "name": "on", "value": { "kind": "expression", "type": "string" }, "default": "''" } ], "slots": [ { "name": "default" } ], "source": { "module": "./src/components/amp/MForm.vue", "symbol": "default" } }, { "name": "MFormError", "description": "", "slots": [ { "name": "default" } ], "source": { "module": "./src/components/amp/MFormError.vue", "symbol": "default" } }, { "name": "MFormSuccess", "description": "", "slots": [ { "name": "default" } ], "source": { "module": "./src/components/amp/MFormSuccess.vue", "symbol": "default" } }, { "name": "MHead", "description": "Specifies the preheader parameters. Can contain a style tag with the description of styles.", "attributes": [ { "name": "preheader", "required": false, "value": { "kind": "expression", "type": "string" } }, { "name": "shortPreheader", "value": { "kind": "expression", "type": "boolean" } }, { "name": "title", "value": { "kind": "expression", "type": "string" }, "default": "' - '" } ], "slots": [ { "name": "default" } ], "source": { "module": "./src/components/html/MHead.vue", "symbol": "default" } }, { "name": "MImg", "description": "Adds an image.", "attributes": [ { "name": "fontFamily", "value": { "kind": "expression", "type": "string" }, "default": "''" }, { "name": "fontSize", "value": { "kind": "expression", "type": "string" }, "default": "''" }, { "name": "lineHeight", "value": { "kind": "expression", "type": "string" }, "default": "''" }, { "name": "color", "value": { "kind": "expression", "type": "string" }, "default": "''" }, { "name": "href", "value": { "kind": "expression", "type": "string" }, "default": "''" }, { "name": "src", "required": true, "value": { "kind": "expression", "type": "string" } }, { "name": "inline", "value": { "kind": "expression", "type": "boolean" } }, { "name": "width", "value": { "kind": "expression", "type": "string" } }, { "name": "height", "value": { "kind": "expression", "type": "string" } }, { "name": "borderRadius", "value": { "kind": "expression", "type": "any" } }, { "name": "alt", "value": { "kind": "expression", "type": "string" }, "default": "''" }, { "name": "title", "value": { "kind": "expression", "type": "string" } } ], "source": { "module": "./src/components/html/MImg.vue", "symbol": "default" } }, { "name": "MList", "description": "", "attributes": [ { "name": "src", "value": { "kind": "expression", "type": "string" }, "default": "''" }, { "name": "maxItems", "value": { "kind": "expression", "type": "string|boolean" }, "default": "false" }, { "name": "template", "value": { "kind": "expression", "type": "string|boolean" }, "default": "false" }, { "name": "layout", "value": { "kind": "expression", "type": "string" }, "default": "'fill'" }, { "name": "width", "value": { "kind": "expression", "type": "string|boolean" }, "default": "false" }, { "name": "height", "value": { "kind": "expression", "type": "string|boolean" }, "default": "false" } ], "slots": [ { "name": "default" } ], "source": { "module": "./src/components/amp/MList.vue", "symbol": "default" } }, { "name": "MPadding", "description": "Creates a vertical indent", "attributes": [ { "name": "size", "value": { "kind": "expression", "type": "string|number" }, "default": "10" } ], "source": { "module": "./src/components/html/MPadding.vue", "symbol": "default" } }, { "name": "MRow", "description": "Wraps non-stacking blocks (similar to a table row). Can only contain m-column elements", "attributes": [ { "name": "width", "value": { "kind": "expression", "type": "string" } } ], "slots": [ { "name": "default" } ], "source": { "module": "./src/components/html/MRow.vue", "symbol": "default" } }, { "name": "MSeparator", "description": "Separator (a horizontal line)", "attributes": [ { "name": "color", "value": { "kind": "expression", "type": "string" }, "default": "'#E2E3ED'" }, { "name": "size", "value": { "kind": "expression", "type": "number" }, "default": "1" }, { "name": "padding", "value": { "kind": "expression", "type": "number" }, "default": "10" } ], "source": { "module": "./src/components/html/MSeparator.vue", "symbol": "default" } }, { "name": "MStyle", "description": "Hosts your own styles, similar to the style tag. Must be nested within an m-head.", "slots": [ { "name": "default" } ], "source": { "module": "./src/components/html/MStyle.vue", "symbol": "default" } }, { "name": "MText", "description": "Adds text or link. Can contain regular html tags, e.g., <a>, <b>, etc.", "attributes": [ { "name": "fontFamily", "value": { "kind": "expression", "type": "string" }, "default": "''" }, { "name": "fontSize", "value": { "kind": "expression", "type": "string" }, "default": "''" }, { "name": "lineHeight", "value": { "kind": "expression", "type": "string" }, "default": "''" }, { "name": "color", "value": { "kind": "expression", "type": "string" }, "default": "''" }, { "name": "bold", "value": { "kind": "expression", "type": "boolean" } }, { "name": "textDecoration", "value": { "kind": "expression", "type": "string" }, "default": "'none'" }, { "name": "href", "value": { "kind": "expression", "type": "string" } } ], "slots": [ { "name": "default" } ], "source": { "module": "./src/components/html/MText.vue", "symbol": "default" } }, { "name": "MWrap", "description": "", "attributes": [ { "name": "width", "value": { "kind": "expression", "type": "string|number" }, "default": "'100%'" }, { "name": "height", "value": { "kind": "expression", "type": "string" } }, { "name": "outlookWidth", "value": { "kind": "expression", "type": "number" }, "default": "0" }, { "name": "padding", "value": { "kind": "expression", "type": "string" } }, { "name": "bgcolor", "required": false, "value": { "kind": "expression", "type": "string" } }, { "name": "backgroundImage", "value": { "kind": "expression", "type": "string" } }, { "name": "outlookBackgroundImage", "value": { "kind": "expression", "type": "string" } }, { "name": "backgroundPosition", "value": { "kind": "expression", "type": "string" } }, { "name": "align", "value": { "kind": "expression", "type": "string" }, "default": "'center'" }, { "name": "valign", "value": { "kind": "expression", "type": "string" } }, { "name": "borderRadius", "value": { "kind": "expression", "type": "string" } }, { "name": "borderLeft", "value": { "kind": "expression", "type": "string" } }, { "name": "borderRight", "value": { "kind": "expression", "type": "string" } }, { "name": "borderTop", "value": { "kind": "expression", "type": "string" } }, { "name": "borderBottom", "value": { "kind": "expression", "type": "string" } }, { "name": "border", "value": { "kind": "expression", "type": "string" } }, { "name": "boxShadow", "value": { "kind": "expression", "type": "string" } } ], "slots": [ { "name": "default" } ], "source": { "module": "./src/components/html/MWrap.vue", "symbol": "default" } }, { "name": "TjUi", "description": "The tag is required and contains only an m-body. Forms the framework interface", "attributes": [ { "name": "type", "value": { "kind": "expression", "type": "string" }, "default": "''" }, { "name": "ampSupport", "value": { "kind": "expression", "type": "boolean" }, "default": "true" }, { "name": "localBuilder", "value": { "kind": "expression", "type": "boolean" }, "default": "false" }, { "name": "jsonTemplate", "value": { "kind": "expression", "type": "string" }, "default": "''" }, { "name": "ui", "value": { "kind": "expression", "type": "object" }, "default": "{}" }, { "name": "assets", "value": { "kind": "expression", "type": "object" }, "default": "{}" }, { "name": "getAuthToken", "value": { "kind": "expression", "type": "func" } } ], "source": { "module": "./src/components/EditorUi.vue", "symbol": "default" } }, { "name": "MTemplate", "description": "Tag for using amp-mustache\nThe amp-mustache component alone cannot be used in TJML. For it to work correctly, pick the m-template where necessary.\nTo insert dynamic elements, use double square brackets
[[]]instead of curly brackets
{{}}", "slots": [ { "name": "default" } ], "source": { "module": "./src/components/amp/MTemplate.vue", "symbol": "default" } } ] } } }