examples.json

{
  "types": {
    "FRAME": [
      {
        "title": "React",
        "language": "JAVASCRIPT",
        "code": "<Grid \n  direction=\"{{autolayout.layoutMode}}\"\n  background={theme.{{variables.fills|camel}}}\n  padding=\\{{ \\\n    {{?variables.paddingTop}}top: theme.{{variables.paddingTop|camel}},\\\n    {{!variables.paddingTop}}top: {{autolayout.paddingTop}},\\\n    {{?variables.paddingRight}}right: theme.{{variables.paddingRight|camel}},\\\n    {{!variables.paddingRight}}right: {{autolayout.paddingRight}},\\\n    {{?variables.paddingBottom}}bottom: theme.{{variables.paddingBottom|camel}},\\\n    {{!variables.paddingBottom}}bottom: {{autolayout.paddingBottom}},\\\n    {{?variables.paddingLeft}}left: theme.{{variables.paddingLeft|camel}}\\\n    {{!variables.paddingLeft}}left: {{autolayout.paddingLeft}}\\\n  }}\n  {{?variables.itemSpacing}}gap={theme.{{variables.itemSpacing|camel}}}\n  {{!variables.itemSpacing}}gap={{{autolayout.itemSpacing}}}\n  {{?autolayout.layoutMode=horizontal}}verticalAlign=\"{{autolayout.counterAxisAlignItems}}\"\n  {{!autolayout.layoutMode=horizontal}}verticalAlign=\"{{autolayout.primaryAxisAlignItems}}\"\n  {{?autolayout.layoutMode=horizontal}}horizontalAlign=\"{{autolayout.primaryAxisAlignItems}}\"\n  {{!autolayout.layoutMode=horizontal}}horizontalAlign=\"{{autolayout.counterAxisAlignItems}}\"\n{{?node.children=0}} />\n{{!node.children=0}}>\n  {{figma.children}}\n{{!node.children=0}}</Grid>"
      }
    ],
    "TEXT": [
      {
        "title": "React",
        "language": "JAVASCRIPT",
        "code": "<Typography\\\nvariant=\"{{node.textStyle}}\"\\\n{{!node.textStyle}}variant=\"unknown\"\\\n\\>{{node.characters|raw}}</Typography>"
      }
    ]
  },
  "components": {}
}