custom-elements.json

{
  "version": "experimental",
  "tags": [
    {
      "name": "prism-highlight",
      "path": "./prism-highlight.js",
      "description": "Syntax highlighting via Prism\n\n### Example\n\n```html\n<prism-highlight id=\"c1\" lang=\"markdown\"></prism-highlight>\n<script>\n  document.querySelector('#c1').code = '# Test highlight';\n&lt;/script>\n```\n\nThe `lang` attribute is required and the component will not start parsing data without it.\n\nChanging the `lang` and `code` properties together, do it in less than 10 ms.\nThe element is set to commit changes after this time period. Otherwise it may display\nold and new code due to the asynchronous nature of the code highlighter.\n\n## Changes in version 4\n\nThe component supports only few syntax highlighting by default. It won't\nload other languages at runtime.The component consumer has to download definition\nbefore highlighting the code.\n\nThe component no longer uses Web Workers.",
      "attributes": [
        {
          "name": "code",
          "description": "A data to be highlighted and rendered.",
          "type": "string"
        },
        {
          "name": "lang",
          "description": "Prism supported language.",
          "type": "string"
        },
        {
          "name": "raw",
          "description": "When set it ignores syntax highlighting and only renders the code.",
          "type": "boolean"
        }
      ],
      "properties": [
        {
          "name": "styles",
          "type": "CSSResult[]"
        },
        {
          "name": "code",
          "attribute": "code",
          "description": "A data to be highlighted and rendered.",
          "type": "string"
        },
        {
          "name": "lang",
          "attribute": "lang",
          "description": "Prism supported language.",
          "type": "string"
        },
        {
          "name": "languages",
          "description": "Adds languages outside of the core Prism languages.\n\nPrism includes a few languages in the core library:\n   - JavaScript\n   - Markup\n   - CSS\n   - C-Like\nUse this property to extend the core set with other Prism\ncomponents and custom languages.\n\nExample:\n   ```\n   <!-- with languages = {'custom': myCustomPrismLang}; -->\n   <!-- or languages = Prism.languages; -->\n   <prism-highlighter languages=\"[[languages]]\"></prism-highlighter>\n   ```"
        },
        {
          "name": "raw",
          "attribute": "raw",
          "description": "When set it ignores syntax highlighting and only renders the code.",
          "type": "boolean"
        }
      ],
      "events": [
        {
          "name": "url-change-action"
        },
        {
          "name": "prism-highlight-parsed"
        }
      ]
    }
  ]
}