{
    "componentChunkName": "component---packages-gatsby-theme-docs-src-templates-page-content-js",
    "path": "/views/markdown",
    "result": {"data":{"contentPage":{"title":"Markdown","globalNotification":null,"websitePrimaryColor":"#808080","beta":false,"isGlobalBeta":false,"excludeFromSearchIndex":false,"allowWideContentLayout":false,"body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n  \"title\": \"Markdown\",\n  \"showTimeToRead\": true,\n  \"timeToRead\": 5\n};\n\nvar makeShortcode = function makeShortcode(name) {\n  return function MDXDefaultShortcode(props) {\n    console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n    return mdx(\"div\", props);\n  };\n};\n\nvar Subtitle = makeShortcode(\"Subtitle\");\nvar Beta = makeShortcode(\"Beta\");\nvar Constant = makeShortcode(\"Constant\");\nvar layoutProps = {\n  _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  var components = _ref.components,\n      props = _objectWithoutProperties(_ref, _excluded);\n\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"section\", {\n    \"className\": \"section-lead\"\n  }, mdx(Subtitle, {\n    mdxType: \"Subtitle\"\n  }, mdx(\"p\", {\n    parentName: \"section\"\n  }, \"This page gives an overview of different markdown elements and how they fit together.\\nCustom React components \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"embedded in the markdown\"), \" can also support markdown syntax, as long as there are \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"empty lines\"), \" between the component tag and the content.\"))), mdx(\"section\", {\n    \"id\": \"section-a-section-header\",\n    \"className\": \"section-h2\"\n  }, mdx(\"h1\", {\n    parentName: \"section\",\n    \"id\": \"a-section-header\"\n  }, \"A section header\")), mdx(\"section\", {\n    \"id\": \"section-a-beta-section-\",\n    \"className\": \"section-h3\"\n  }, mdx(\"h2\", {\n    parentName: \"section\",\n    \"id\": \"a-beta-section-\"\n  }, \"A beta section \", mdx(Beta, {\n    mdxType: \"Beta\"\n  })), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"The \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"<Beta />\"), \"  tag can be used inline \", mdx(Beta, {\n    mdxType: \"Beta\"\n  }), \" and should be applied self-closing\")), mdx(\"section\", {\n    \"id\": \"section-paragraphs\",\n    \"className\": \"section-h3\"\n  }, mdx(\"h2\", {\n    parentName: \"section\",\n    \"id\": \"paragraphs\"\n  }, \"Paragraphs\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"Paragraphs are separated by a blank line.\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"Second paragraph. \", mdx(\"em\", {\n    parentName: \"p\"\n  }, \"Italic\"), \", \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"bold\"), \", \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, mdx(\"em\", {\n    parentName: \"strong\"\n  }, \"italic and bold\")), \", \", mdx(\"del\", {\n    parentName: \"p\"\n  }, \"strikethrough\"), \" and \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"monospace\"), \".\")), mdx(\"section\", {\n    \"id\": \"section-line-break\",\n    \"className\": \"section-h4\"\n  }, mdx(\"h3\", {\n    parentName: \"section\",\n    \"id\": \"line-break\"\n  }, \"Line Break\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"The backslash, \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"\\\\\"), \", is interpreted as a new line.\", mdx(\"br\", {\n    parentName: \"p\"\n  }), \"\\n\", \"This sentence should appear on a new line.\")), mdx(\"section\", {\n    \"id\": \"section-list-items\",\n    \"className\": \"section-h3\"\n  }, mdx(\"h2\", {\n    parentName: \"section\",\n    \"id\": \"list-items\"\n  }, \"List items\"), mdx(ListItems, {\n    mdxType: \"ListItems\"\n  })), mdx(\"section\", {\n    \"id\": \"section-blockquotes\",\n    \"className\": \"section-h3\"\n  }, mdx(\"h2\", {\n    parentName: \"section\",\n    \"id\": \"blockquotes\"\n  }, \"Blockquotes\"), mdx(\"blockquote\", {\n    parentName: \"section\"\n  }, mdx(\"p\", {\n    parentName: \"blockquote\"\n  }, \"Block quotes are\\nwritten like so.\"), mdx(\"p\", {\n    parentName: \"blockquote\"\n  }, \"They can span multiple paragraphs,\\nif you like.\")), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"Blockquotes can be nested (that is a blockquote-in-a-blockquote) by adding additional levels of >:\"), mdx(\"blockquote\", {\n    parentName: \"section\"\n  }, mdx(\"p\", {\n    parentName: \"blockquote\"\n  }, \"This is the first level of quoting.\"), mdx(\"blockquote\", {\n    parentName: \"blockquote\"\n  }, mdx(\"p\", {\n    parentName: \"blockquote\"\n  }, \"This is nested blockquote.\")), mdx(\"p\", {\n    parentName: \"blockquote\"\n  }, \"Back to the first level.\")), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"Blockquotes can contain other Markdown elements, including headers, lists, and code blocks:\"), mdx(ComplexBlockQuote, {\n    mdxType: \"ComplexBlockQuote\"\n  })), mdx(\"section\", {\n    \"id\": \"section-subsection-first-level\",\n    \"className\": \"section-h3\"\n  }, mdx(\"h2\", {\n    parentName: \"section\",\n    \"id\": \"subsection-first-level\"\n  }, \"Subsection (first level)\")), mdx(\"section\", {\n    \"id\": \"section-lists\",\n    \"className\": \"section-h3\"\n  }, mdx(\"h2\", {\n    parentName: \"section\",\n    \"id\": \"lists\"\n  }, \"Lists\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"Here's a numbered list:\"), mdx(\"ol\", {\n    parentName: \"section\"\n  }, mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"first item\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"second item\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"third item\")), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"Here's a definition list:\"), mdx(\"dl\", null, mdx(\"dt\", null, mdx(\"p\", {\n    parentName: \"section\"\n  }, mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"Healthy\"))), mdx(\"dd\", null, \"The subscription is delivering messages as expected\"), mdx(\"dt\", null, mdx(\"p\", {\n    parentName: \"section\"\n  }, mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"ConfigurationError\"))), mdx(\"dd\", null, mdx(\"p\", {\n    parentName: \"section\"\n  }, \"Messages can not be delivered with the current configuration. If the configuration is fixed in this health status,\\nall messages that haven\\u2019t been delivered yet will still be delivered and the status will change to \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"Healthy\"), \".\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"ConfigurationError\"), \"s are automatically turned into \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"ConfigurationErrorDeliveryStopped\"), \" after some time. See the \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"#last-section\"\n  }, \"Delivery Guarantees\"), \" section for more details.\")), mdx(\"dt\", null, mdx(\"p\", {\n    parentName: \"section\"\n  }, mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"ConfigurationErrorDeliveryStopped\"))), mdx(\"dd\", null, mdx(\"p\", {\n    parentName: \"section\"\n  }, \"Messages can not be delivered with the current configuration and delivery of those is not attempted anymore.\\nUndelivered messages are not retained and will not be delivered if the configuration is fixed in this status, but the status will change to \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"Healthy\"), \"\\nas soon as new messages can be delivered successfully again.\")), mdx(\"dt\", null, \"Something else\"), mdx(\"dd\", null, \"Yet something else\"))), mdx(\"section\", {\n    \"id\": \"section-subsection-second-level\",\n    \"className\": \"section-h4\"\n  }, mdx(\"h3\", {\n    parentName: \"section\",\n    \"id\": \"subsection-second-level\"\n  }, \"Subsection (second level)\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"Now a nested list:\"), mdx(\"ol\", {\n    parentName: \"section\"\n  }, mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"First, get these ingredients:\"), mdx(\"ul\", {\n    parentName: \"li\"\n  }, mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"carrots\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"celery\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"lentils\"))), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Boil some water.\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Dump everything in the pot and follow\\nthis algorithm:\"), mdx(\"pre\", {\n    parentName: \"li\"\n  }, mdx(\"code\", {\n    parentName: \"pre\"\n  }, \"find wooden spoon\\nuncover pot\\nstir\\ncover pot\\nbalance wooden spoon precariously on pot handle\\nwait 10 minutes\\ngoto first step (or shut off burner when done)\\n\")), mdx(\"blockquote\", {\n    parentName: \"li\"\n  }, mdx(\"p\", {\n    parentName: \"blockquote\"\n  }, \"Do not bump wooden spoon or it falls.\")))), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"Notice again how text always lines up on 4-space indents (including\\nthat last line which continues item 3).\")), mdx(\"section\", {\n    \"id\": \"section-code-blocks\",\n    \"className\": \"section-h3\"\n  }, mdx(\"h2\", {\n    parentName: \"section\",\n    \"id\": \"code-blocks\"\n  }, \"Code blocks\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"Note again how the actual text starts at 4 columns in (4 characters\\nfrom the left side). Here's a code sample:\"), mdx(\"pre\", {\n    parentName: \"section\"\n  }, mdx(\"code\", {\n    parentName: \"pre\"\n  }, \"# Let me re-iterate ...\\nfor i in 1 .. 10 { do-something(i) }\\n\")), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"As you probably guessed, indented 4 spaces. By the way, instead of\\nindenting the block, you can use delimited blocks, where you can\\nspecify syntax highlight (\", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"highly recommended\"), \"):\"), mdx(\"pre\", {\n    parentName: \"section\"\n  }, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-js\"\n  }, \"const sum = (a, b) => a + b;\\nconsole.log(sum(5, 2));\\n\"))), mdx(\"section\", {\n    \"id\": \"section-links\",\n    \"className\": \"section-h3\"\n  }, mdx(\"h2\", {\n    parentName: \"section\",\n    \"id\": \"links\"\n  }, \"Links\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"Here's a link to \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"https://commercetools.com\"\n  }, \"a website\"), \", to a \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"/docs-smoke-test/components/images\"\n  }, \"local doc\"), \", and to a \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"#last-section\"\n  }, \"section heading in the current doc\"), \". Here's a footnote \", mdx(\"sup\", {\n    parentName: \"p\",\n    \"id\": \"fnref-1\"\n  }, mdx(\"a\", {\n    parentName: \"sup\",\n    \"href\": \"#fn-1\",\n    \"className\": \"footnote-ref\"\n  }, \"1\")), \".\")), mdx(\"section\", {\n    \"id\": \"section-tables\",\n    \"className\": \"section-h3\"\n  }, mdx(\"h2\", {\n    parentName: \"section\",\n    \"id\": \"tables\"\n  }, \"Tables\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"Tables look like this:\"), mdx(\"table\", {\n    parentName: \"section\"\n  }, mdx(\"thead\", {\n    parentName: \"table\"\n  }, mdx(\"tr\", {\n    parentName: \"thead\"\n  }, mdx(\"th\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"Left Aligned\"), mdx(\"th\", {\n    parentName: \"tr\",\n    \"align\": \"center\"\n  }, \"Center Aligned\"), mdx(\"th\", {\n    parentName: \"tr\",\n    \"align\": \"right\"\n  }, \"Right Aligned\"))), mdx(\"tbody\", {\n    parentName: \"table\"\n  }, mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"Hello\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": \"center\"\n  }, \"short\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": \"right\"\n  }, \"$1600\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"World\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": \"center\"\n  }, \"content\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": \"right\"\n  }, \"$12\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"zebra stripes\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": \"center\"\n  }, \"avoid insects\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": \"right\"\n  }, \"$1\"))))), mdx(\"section\", {\n    \"id\": \"section-horizontal-rules\",\n    \"className\": \"section-h3\"\n  }, mdx(\"h2\", {\n    parentName: \"section\",\n    \"id\": \"horizontal-rules\"\n  }, \"Horizontal rules\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Horizontal rules are not styled.\")), mdx(\"hr\", {\n    parentName: \"section\"\n  })), mdx(\"section\", {\n    \"id\": \"section-constants\",\n    \"className\": \"section-h3\"\n  }, mdx(\"h2\", {\n    parentName: \"section\",\n    \"id\": \"constants\"\n  }, \"Constants\"), mdx(\"ul\", {\n    parentName: \"section\"\n  }, mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Number and text example -> \", mdx(Constant, {\n    type: \"limits\",\n    name: \"jsonSize\",\n    mdxType: \"Constant\"\n  })), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Number example in bold -> \", mdx(\"strong\", {\n    parentName: \"li\"\n  }, mdx(Constant, {\n    type: \"limits\",\n    name: \"slugLength\",\n    mdxType: \"Constant\"\n  }))), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Text example -> \", mdx(Constant, {\n    type: \"limits\",\n    name: \"slugPattern\",\n    mdxType: \"Constant\"\n  })), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Long formatted number example -> \", mdx(Constant, {\n    type: \"limits\",\n    name: \"resourceLimit\",\n    mdxType: \"Constant\"\n  })))), mdx(\"section\", {\n    \"id\": \"section-last-section\",\n    \"className\": \"section-h2\"\n  }, mdx(\"h1\", {\n    parentName: \"section\",\n    \"id\": \"last-section\"\n  }, \"Last section\"), mdx(\"p\", {\n    parentName: \"section\"\n  }, \"This section is only useful as an anchor link target.\"), mdx(\"div\", {\n    parentName: \"section\",\n    \"className\": \"footnotes\"\n  }, mdx(\"hr\", {\n    parentName: \"div\"\n  }), mdx(\"ol\", {\n    parentName: \"div\"\n  }, mdx(\"li\", {\n    parentName: \"ol\",\n    \"id\": \"fn-1\"\n  }, \"Footnote text goes here.\", mdx(\"a\", {\n    parentName: \"li\",\n    \"href\": \"#fnref-1\",\n    \"className\": \"footnote-backref\"\n  }, \"\\u21A9\"))))));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"title":"A section header","url":"#a-section-header","items":[{"title":"A beta section","url":"#a-beta-section-"},{"title":"Paragraphs","url":"#paragraphs","items":[{"title":"Line Break","url":"#line-break"}]},{"title":"List items","url":"#list-items"},{"title":"Blockquotes","url":"#blockquotes"},{"title":"Subsection (first level)","url":"#subsection-first-level"},{"title":"Lists","url":"#lists","items":[{"title":"Subsection (second level)","url":"#subsection-second-level"}]},{"title":"Code blocks","url":"#code-blocks"},{"title":"Links","url":"#links"},{"title":"Tables","url":"#tables"},{"title":"Horizontal rules","url":"#horizontal-rules"},{"title":"Constants","url":"#constants"}]},{"title":"Last section","url":"#last-section"}]},"navLevels":3,"showTimeToRead":true,"timeToRead":5,"estimatedTimeToRead":2}},"pageContext":{"slug":"/views/markdown","shortTitle":"Markdown","hasReleaseNotes":true}},
    "staticQueryHashes": ["2494036674","3227520225","3295477089","3359654165","3845541775","636942989","801034918"]}