@public-ui/components/vscode-custom-data.json

Contains all web components that belong to KoliBri - The accessible HTML-Standard.

{
  "version": 1.1,
  "tags": [
    {
      "name": "kol-abbr",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "_label",
          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.)."
        }
      ]
    },
    {
      "name": "kol-accordion",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "_disabled",
          "description": "Makes the element not focusable and ignore all events."
        },
        {
          "name": "_label",
          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.)."
        },
        {
          "name": "_level",
          "description": "Defines which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text."
        },
        {
          "name": "_open",
          "description": "Opens/expands the element when truthy, closes/collapses when falsy."
        }
      ]
    },
    {
      "name": "kol-alert",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "_alert",
          "description": "Defines whether the screen-readers should read out the notification."
        },
        {
          "name": "_has-closer",
          "description": "Defines whether the element can be closed."
        },
        {
          "name": "_label",
          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.)."
        },
        {
          "name": "_level",
          "description": "Defines which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text."
        },
        {
          "name": "_type",
          "description": "Defines either the type of the component or of the components interactive element.",
          "values": [
            {
              "name": "default"
            },
            {
              "name": "error"
            },
            {
              "name": "info"
            },
            {
              "name": "success"
            },
            {
              "name": "warning"
            }
          ]
        },
        {
          "name": "_variant",
          "description": "Defines which variant should be used for presentation.",
          "values": [
            {
              "name": "card"
            },
            {
              "name": "msg"
            }
          ]
        }
      ]
    },
    {
      "name": "kol-avatar",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "_label",
          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.)."
        },
        {
          "name": "_src",
          "description": "Sets the image `src` attribute to the given string."
        }
      ]
    },
    {
      "name": "kol-badge",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "_color",
          "description": "Defines the backgroundColor and foregroundColor."
        },
        {
          "name": "_icons",
          "description": "Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`)."
        },
        {
          "name": "_label",
          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.)."
        },
        {
          "name": "_smart-button",
          "description": "Allows to add a button with an arbitrary action within the element (_hide-label only).",
          "values": [
            {
              "name": "link"
            },
            {
              "name": "tab"
            },
            {
              "name": "treeitem"
            },
            {
              "name": "reset"
            },
            {
              "name": "submit"
            },
            {
              "name": "secondary"
            },
            {
              "name": "normal"
            },
            {
              "name": "tertiary"
            },
            {
              "name": "danger"
            },
            {
              "name": "ghost"
            },
            {
              "name": "custom"
            }
          ]
        }
      ]
    },
    {
      "name": "kol-breadcrumb",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "_label",
          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.)."
        },
        {
          "name": "_links",
          "description": "Defines the list of links combined with their labels to render."
        }
      ]
    },
    {
      "name": "kol-button",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "_access-key",
          "description": "Defines which key combination can be used to trigger or focus the interactive element of the component."
        },
        {
          "name": "_aria-controls",
          "description": "Defines which elements are controlled by this component. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)"
        },
        {
          "name": "_aria-description",
          "description": "Defines the value for the aria-description attribute."
        },
        {
          "name": "_aria-expanded",
          "description": "Defines whether the interactive element of the component expanded something. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)"
        },
        {
          "name": "_aria-selected",
          "description": "Defines whether the interactive element of the component is selected (e.g. role=tab). (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected)"
        },
        {
          "name": "_custom-class",
          "description": "Defines the custom class attribute if _variant=\"custom\" is set."
        },
        {
          "name": "_disabled",
          "description": "Makes the element not focusable and ignore all events."
        },
        {
          "name": "_hide-label",
          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it."
        },
        {
          "name": "_icons",
          "description": "Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`)."
        },
        {
          "name": "_id",
          "description": "Defines the internal ID of the primary component element."
        },
        {
          "name": "_label",
          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot."
        },
        {
          "name": "_name",
          "description": "Defines the technical name of an input field."
        },
        {
          "name": "_role",
          "description": "Defines the role of the components primary element.",
          "values": [
            {
              "name": "button"
            },
            {
              "name": "link"
            },
            {
              "name": "tab"
            },
            {
              "name": "treeitem"
            }
          ]
        },
        {
          "name": "_short-key",
          "description": "Adds a visual short key hint to the component."
        },
        {
          "name": "_tooltip-align",
          "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
          "values": [
            {
              "name": "bottom"
            },
            {
              "name": "left"
            },
            {
              "name": "right"
            },
            {
              "name": "top"
            }
          ]
        },
        {
          "name": "_type",
          "description": "Defines either the type of the component or of the components interactive element.",
          "values": [
            {
              "name": "button"
            },
            {
              "name": "reset"
            },
            {
              "name": "submit"
            }
          ]
        },
        {
          "name": "_value",
          "description": "Defines the value that the button emits on click."
        },
        {
          "name": "_variant",
          "description": "Defines which variant should be used for presentation.",
          "values": [
            {
              "name": "custom"
            },
            {
              "name": "danger"
            },
            {
              "name": "ghost"
            },
            {
              "name": "normal"
            },
            {
              "name": "primary"
            },
            {
              "name": "secondary"
            },
            {
              "name": "tertiary"
            }
          ]
        }
      ]
    },
    {
      "name": "kol-button-link",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "_access-key",
          "description": "Defines which key combination can be used to trigger or focus the interactive element of the component."
        },
        {
          "name": "_aria-controls",
          "description": "Defines which elements are controlled by this component. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)"
        },
        {
          "name": "_aria-description",
          "description": "Defines the value for the aria-description attribute."
        },
        {
          "name": "_aria-expanded",
          "description": "Defines whether the interactive element of the component expanded something. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)"
        },
        {
          "name": "_aria-selected",
          "description": "Defines whether the interactive element of the component is selected (e.g. role=tab). (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected)"
        },
        {
          "name": "_disabled",
          "description": "Makes the element not focusable and ignore all events."
        },
        {
          "name": "_hide-label",
          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it."
        },
        {
          "name": "_icons",
          "description": "Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`)."
        },
        {
          "name": "_id",
          "description": "Defines the internal ID of the primary component element."
        },
        {
          "name": "_label",
          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot."
        },
        {
          "name": "_name",
          "description": "Defines the technical name of an input field."
        },
        {
          "name": "_role",
          "description": "Defines the role of the components primary element.",
          "values": [
            {
              "name": "button"
            },
            {
              "name": "link"
            },
            {
              "name": "tab"
            },
            {
              "name": "treeitem"
            }
          ]
        },
        {
          "name": "_short-key",
          "description": "Adds a visual short key hint to the component."
        },
        {
          "name": "_tooltip-align",
          "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
          "values": [
            {
              "name": "bottom"
            },
            {
              "name": "left"
            },
            {
              "name": "right"
            },
            {
              "name": "top"
            }
          ]
        },
        {
          "name": "_type",
          "description": "Defines either the type of the component or of the components interactive element.",
          "values": [
            {
              "name": "button"
            },
            {
              "name": "reset"
            },
            {
              "name": "submit"
            }
          ]
        },
        {
          "name": "_value",
          "description": "Defines the value that the button emits on click."
        }
      ]
    },
    {
      "name": "kol-card",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "_has-closer",
          "description": "Defines whether the element can be closed."
        },
        {
          "name": "_label",
          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.)."
        },
        {
          "name": "_level",
          "description": "Defines which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text."
        }
      ]
    },
    {
      "name": "kol-combobox",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "_access-key",
          "description": "Defines which key combination can be used to trigger or focus the interactive element of the component."
        },
        {
          "name": "_disabled",
          "description": "Makes the element not focusable and ignore all events."
        },
        {
          "name": "_hide-label",
          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it."
        },
        {
          "name": "_hide-msg",
          "description": "Hides the error message but leaves it in the DOM for the input's aria-describedby."
        },
        {
          "name": "_hint",
          "description": "Defines the hint text."
        },
        {
          "name": "_icons",
          "description": "Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`)."
        },
        {
          "name": "_id",
          "description": "Defines the internal ID of the primary component element."
        },
        {
          "name": "_label",
          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot."
        },
        {
          "name": "_msg",
          "description": "Defines the properties for a message rendered as Alert component.",
          "values": [
            {
              "name": "info"
            },
            {
              "name": "success"
            },
            {
              "name": "warning"
            },
            {
              "name": "error"
            },
            {
              "name": "msg"
            }
          ]
        },
        {
          "name": "_name",
          "description": "Defines the technical name of an input field."
        },
        {
          "name": "_placeholder",
          "description": "Defines the placeholder for input field. To be shown when there's no value."
        },
        {
          "name": "_required",
          "description": "Makes the input element required."
        },
        {
          "name": "_short-key",
          "description": "Adds a visual short key hint to the component."
        },
        {
          "name": "_suggestions",
          "description": "Suggestions to provide for the input."
        },
        {
          "name": "_tooltip-align",
          "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
          "values": [
            {
              "name": "bottom"
            },
            {
              "name": "left"
            },
            {
              "name": "right"
            },
            {
              "name": "top"
            }
          ]
        },
        {
          "name": "_touched",
          "description": "Shows if the input was touched by a user."
        },
        {
          "name": "_value",
          "description": "Defines the value of the input."
        }
      ]
    },
    {
      "name": "kol-details",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "_disabled",
          "description": "Makes the element not focusable and ignore all events."
        },
        {
          "name": "_label",
          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.)."
        },
        {
          "name": "_level",
          "description": "Defines which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text."
        },
        {
          "name": "_open",
          "description": "Opens/expands the element when truthy, closes/collapses when falsy."
        }
      ]
    },
    {
      "name": "kol-drawer",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "_align",
          "description": "Defines the visual orientation of the component.",
          "values": [
            {
              "name": "bottom"
            },
            {
              "name": "left"
            },
            {
              "name": "right"
            },
            {
              "name": "top"
            }
          ]
        },
        {
          "name": "_label",
          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.)."
        },
        {
          "name": "_open",
          "description": "Opens/expands the element when truthy, closes/collapses when falsy."
        }
      ]
    },
    {
      "name": "kol-form",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "_required-text",
          "description": "Defines whether the mandatory-fields-hint should be shown. A string overrides the default text."
        }
      ]
    },
    {
      "name": "kol-heading",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "_label",
          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot."
        },
        {
          "name": "_level",
          "description": "Defines which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text."
        },
        {
          "name": "_secondary-headline",
          "description": "Defines the text of the secondary headline."
        },
        {
          "name": "_variant",
          "description": "Defines which variant should be used for presentation.",
          "values": [
            {
              "name": "h1"
            },
            {
              "name": "h2"
            },
            {
              "name": "h3"
            },
            {
              "name": "h4"
            },
            {
              "name": "h5"
            },
            {
              "name": "h6"
            },
            {
              "name": "strong"
            }
          ]
        }
      ]
    },
    {
      "name": "kol-icon",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "_icons",
          "description": "Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`)."
        },
        {
          "name": "_label",
          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.)."
        }
      ]
    },
    {
      "name": "kol-image",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "_alt",
          "description": "Setzt den alternativen Text."
        },
        {
          "name": "_loading",
          "description": "Defines the loading mode for the image.",
          "values": [
            {
              "name": "eager"
            },
            {
              "name": "lazy"
            }
          ]
        },
        {
          "name": "_sizes",
          "description": "Defines the image sizes for different screen resolutions, supporting _srcset."
        },
        {
          "name": "_src",
          "description": "Sets the image `src` attribute to the given string."
        },
        {
          "name": "_srcset",
          "description": "Setzt eine Liste von Quell-URLs mit Breiten der Bilder."
        }
      ]
    },
    {
      "name": "kol-input-checkbox",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "_access-key",
          "description": "Defines which key combination can be used to trigger or focus the interactive element of the component."
        },
        {
          "name": "_checked",
          "description": "Defines whether the checkbox is checked or not. Can be read and written."
        },
        {
          "name": "_disabled",
          "description": "Makes the element not focusable and ignore all events."
        },
        {
          "name": "_hide-label",
          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it."
        },
        {
          "name": "_hide-msg",
          "description": "Hides the error message but leaves it in the DOM for the input's aria-describedby."
        },
        {
          "name": "_hint",
          "description": "Defines the hint text."
        },
        {
          "name": "_icons",
          "description": "Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`)."
        },
        {
          "name": "_id",
          "description": "Defines the internal ID of the primary component element."
        },
        {
          "name": "_indeterminate",
          "description": "Puts the checkbox in the indeterminate state, does not change the value of _checked."
        },
        {
          "name": "_label",
          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot."
        },
        {
          "name": "_label-align",
          "description": "Defines which alignment should be used for presentation.",
          "values": [
            {
              "name": "left"
            },
            {
              "name": "right"
            }
          ]
        },
        {
          "name": "_msg",
          "description": "Defines the properties for a message rendered as Alert component.",
          "values": [
            {
              "name": "info"
            },
            {
              "name": "success"
            },
            {
              "name": "warning"
            },
            {
              "name": "error"
            },
            {
              "name": "msg"
            }
          ]
        },
        {
          "name": "_name",
          "description": "Defines the technical name of an input field."
        },
        {
          "name": "_required",
          "description": "Makes the input element required."
        },
        {
          "name": "_short-key",
          "description": "Adds a visual short key hint to the component."
        },
        {
          "name": "_tooltip-align",
          "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
          "values": [
            {
              "name": "bottom"
            },
            {
              "name": "left"
            },
            {
              "name": "right"
            },
            {
              "name": "top"
            }
          ]
        },
        {
          "name": "_touched",
          "description": "Shows if the input was touched by a user."
        },
        {
          "name": "_value",
          "description": "Defines the value of the input."
        },
        {
          "name": "_variant",
          "description": "Defines which variant should be used for presentation.",
          "values": [
            {
              "name": "button"
            },
            {
              "name": "default"
            },
            {
              "name": "switch"
            }
          ]
        }
      ]
    },
    {
      "name": "kol-input-color",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "_access-key",
          "description": "Defines which key combination can be used to trigger or focus the interactive element of the component."
        },
        {
          "name": "_auto-complete",
          "description": "Defines whether the input can be auto-completed.",
          "values": [
            {
              "name": "off"
            },
            {
              "name": "on"
            }
          ]
        },
        {
          "name": "_disabled",
          "description": "Makes the element not focusable and ignore all events."
        },
        {
          "name": "_hide-label",
          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it."
        },
        {
          "name": "_hide-msg",
          "description": "Hides the error message but leaves it in the DOM for the input's aria-describedby."
        },
        {
          "name": "_hint",
          "description": "Defines the hint text."
        },
        {
          "name": "_icons",
          "description": "Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`)."
        },
        {
          "name": "_id",
          "description": "Defines the internal ID of the primary component element."
        },
        {
          "name": "_label",
          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot."
        },
        {
          "name": "_msg",
          "description": "Defines the properties for a message rendered as Alert component.",
          "values": [
            {
              "name": "info"
            },
            {
              "name": "success"
            },
            {
              "name": "warning"
            },
            {
              "name": "error"
            },
            {
              "name": "msg"
            }
          ]
        },
        {
          "name": "_name",
          "description": "Defines the technical name of an input field."
        },
        {
          "name": "_short-key",
          "description": "Adds a visual short key hint to the component."
        },
        {
          "name": "_smart-button",
          "description": "Allows to add a button with an arbitrary action within the element (_hide-label only).",
          "values": [
            {
              "name": "link"
            },
            {
              "name": "tab"
            },
            {
              "name": "treeitem"
            },
            {
              "name": "reset"
            },
            {
              "name": "submit"
            },
            {
              "name": "secondary"
            },
            {
              "name": "normal"
            },
            {
              "name": "tertiary"
            },
            {
              "name": "danger"
            },
            {
              "name": "ghost"
            },
            {
              "name": "custom"
            }
          ]
        },
        {
          "name": "_suggestions",
          "description": "Suggestions to provide for the input."
        },
        {
          "name": "_tooltip-align",
          "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
          "values": [
            {
              "name": "bottom"
            },
            {
              "name": "left"
            },
            {
              "name": "right"
            },
            {
              "name": "top"
            }
          ]
        },
        {
          "name": "_touched",
          "description": "Shows if the input was touched by a user."
        },
        {
          "name": "_value",
          "description": "Defines the value of the input."
        }
      ]
    },
    {
      "name": "kol-input-date",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "_access-key",
          "description": "Defines which key combination can be used to trigger or focus the interactive element of the component."
        },
        {
          "name": "_auto-complete",
          "description": "Defines whether the input can be auto-completed.",
          "values": [
            {
              "name": "off"
            },
            {
              "name": "on"
            }
          ]
        },
        {
          "name": "_disabled",
          "description": "Makes the element not focusable and ignore all events."
        },
        {
          "name": "_hide-label",
          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it."
        },
        {
          "name": "_hide-msg",
          "description": "Hides the error message but leaves it in the DOM for the input's aria-describedby."
        },
        {
          "name": "_hint",
          "description": "Defines the hint text."
        },
        {
          "name": "_icons",
          "description": "Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`)."
        },
        {
          "name": "_id",
          "description": "Defines the internal ID of the primary component element."
        },
        {
          "name": "_label",
          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot."
        },
        {
          "name": "_max",
          "description": "Defines the largest possible input value."
        },
        {
          "name": "_min",
          "description": "Defines the smallest possible input value."
        },
        {
          "name": "_msg",
          "description": "Defines the properties for a message rendered as Alert component.",
          "values": [
            {
              "name": "info"
            },
            {
              "name": "success"
            },
            {
              "name": "warning"
            },
            {
              "name": "error"
            },
            {
              "name": "msg"
            }
          ]
        },
        {
          "name": "_name",
          "description": "Defines the technical name of an input field."
        },
        {
          "name": "_read-only",
          "description": "Makes the input element read only."
        },
        {
          "name": "_required",
          "description": "Makes the input element required."
        },
        {
          "name": "_short-key",
          "description": "Adds a visual short key hint to the component."
        },
        {
          "name": "_smart-button",
          "description": "Allows to add a button with an arbitrary action within the element (_hide-label only).",
          "values": [
            {
              "name": "link"
            },
            {
              "name": "tab"
            },
            {
              "name": "treeitem"
            },
            {
              "name": "reset"
            },
            {
              "name": "submit"
            },
            {
              "name": "secondary"
            },
            {
              "name": "normal"
            },
            {
              "name": "tertiary"
            },
            {
              "name": "danger"
            },
            {
              "name": "ghost"
            },
            {
              "name": "custom"
            }
          ]
        },
        {
          "name": "_step",
          "description": "Defines the step size for value changes."
        },
        {
          "name": "_suggestions",
          "description": "Suggestions to provide for the input."
        },
        {
          "name": "_tooltip-align",
          "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
          "values": [
            {
              "name": "bottom"
            },
            {
              "name": "left"
            },
            {
              "name": "right"
            },
            {
              "name": "top"
            }
          ]
        },
        {
          "name": "_touched",
          "description": "Shows if the input was touched by a user."
        },
        {
          "name": "_type",
          "description": "Defines either the type of the component or of the components interactive element.",
          "values": [
            {
              "name": "date"
            },
            {
              "name": "datetime-local"
            },
            {
              "name": "month"
            },
            {
              "name": "time"
            },
            {
              "name": "week"
            }
          ]
        },
        {
          "name": "_value",
          "description": "Defines the value of the input."
        }
      ]
    },
    {
      "name": "kol-input-email",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "_access-key",
          "description": "Defines which key combination can be used to trigger or focus the interactive element of the component."
        },
        {
          "name": "_auto-complete",
          "description": "Defines whether the input can be auto-completed.",
          "values": [
            {
              "name": "off"
            },
            {
              "name": "on"
            }
          ]
        },
        {
          "name": "_disabled",
          "description": "Makes the element not focusable and ignore all events."
        },
        {
          "name": "_has-counter",
          "description": "Shows the character count on the lower border of the input."
        },
        {
          "name": "_hide-label",
          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it."
        },
        {
          "name": "_hide-msg",
          "description": "Hides the error message but leaves it in the DOM for the input's aria-describedby."
        },
        {
          "name": "_hint",
          "description": "Defines the hint text."
        },
        {
          "name": "_icons",
          "description": "Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`)."
        },
        {
          "name": "_id",
          "description": "Defines the internal ID of the primary component element."
        },
        {
          "name": "_label",
          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot."
        },
        {
          "name": "_max-length",
          "description": "Defines the maximum number of input characters."
        },
        {
          "name": "_msg",
          "description": "Defines the properties for a message rendered as Alert component.",
          "values": [
            {
              "name": "info"
            },
            {
              "name": "success"
            },
            {
              "name": "warning"
            },
            {
              "name": "error"
            },
            {
              "name": "msg"
            }
          ]
        },
        {
          "name": "_multiple",
          "description": "Makes the input accept multiple inputs."
        },
        {
          "name": "_name",
          "description": "Defines the technical name of an input field."
        },
        {
          "name": "_pattern",
          "description": "Defines a validation pattern for the input field."
        },
        {
          "name": "_placeholder",
          "description": "Defines the placeholder for input field. To be shown when there's no value."
        },
        {
          "name": "_read-only",
          "description": "Makes the input element read only."
        },
        {
          "name": "_required",
          "description": "Makes the input element required."
        },
        {
          "name": "_short-key",
          "description": "Adds a visual short key hint to the component."
        },
        {
          "name": "_smart-button",
          "description": "Allows to add a button with an arbitrary action within the element (_hide-label only).",
          "values": [
            {
              "name": "link"
            },
            {
              "name": "tab"
            },
            {
              "name": "treeitem"
            },
            {
              "name": "reset"
            },
            {
              "name": "submit"
            },
            {
              "name": "secondary"
            },
            {
              "name": "normal"
            },
            {
              "name": "tertiary"
            },
            {
              "name": "danger"
            },
            {
              "name": "ghost"
            },
            {
              "name": "custom"
            }
          ]
        },
        {
          "name": "_suggestions",
          "description": "Suggestions to provide for the input."
        },
        {
          "name": "_tooltip-align",
          "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
          "values": [
            {
              "name": "bottom"
            },
            {
              "name": "left"
            },
            {
              "name": "right"
            },
            {
              "name": "top"
            }
          ]
        },
        {
          "name": "_touched",
          "description": "Shows if the input was touched by a user."
        },
        {
          "name": "_value",
          "description": "Defines the value of the input."
        }
      ]
    },
    {
      "name": "kol-input-file",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "_accept",
          "description": "Defines which file formats are accepted."
        },
        {
          "name": "_access-key",
          "description": "Defines which key combination can be used to trigger or focus the interactive element of the component."
        },
        {
          "name": "_disabled",
          "description": "Makes the element not focusable and ignore all events."
        },
        {
          "name": "_hide-label",
          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it."
        },
        {
          "name": "_hide-msg",
          "description": "Hides the error message but leaves it in the DOM for the input's aria-describedby."
        },
        {
          "name": "_hint",
          "description": "Defines the hint text."
        },
        {
          "name": "_icons",
          "description": "Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`)."
        },
        {
          "name": "_id",
          "description": "Defines the internal ID of the primary component element."
        },
        {
          "name": "_label",
          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot."
        },
        {
          "name": "_msg",
          "description": "Defines the properties for a message rendered as Alert component.",
          "values": [
            {
              "name": "info"
            },
            {
              "name": "success"
            },
            {
              "name": "warning"
            },
            {
              "name": "error"
            },
            {
              "name": "msg"
            }
          ]
        },
        {
          "name": "_multiple",
          "description": "Makes the input accept multiple inputs."
        },
        {
          "name": "_name",
          "description": "Defines the technical name of an input field."
        },
        {
          "name": "_required",
          "description": "Makes the input element required."
        },
        {
          "name": "_short-key",
          "description": "Adds a visual short key hint to the component."
        },
        {
          "name": "_smart-button",
          "description": "Allows to add a button with an arbitrary action within the element (_hide-label only).",
          "values": [
            {
              "name": "link"
            },
            {
              "name": "tab"
            },
            {
              "name": "treeitem"
            },
            {
              "name": "reset"
            },
            {
              "name": "submit"
            },
            {
              "name": "secondary"
            },
            {
              "name": "normal"
            },
            {
              "name": "tertiary"
            },
            {
              "name": "danger"
            },
            {
              "name": "ghost"
            },
            {
              "name": "custom"
            }
          ]
        },
        {
          "name": "_tooltip-align",
          "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
          "values": [
            {
              "name": "bottom"
            },
            {
              "name": "left"
            },
            {
              "name": "right"
            },
            {
              "name": "top"
            }
          ]
        },
        {
          "name": "_touched",
          "description": "Shows if the input was touched by a user."
        }
      ]
    },
    {
      "name": "kol-input-number",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "_access-key",
          "description": "Defines which key combination can be used to trigger or focus the interactive element of the component."
        },
        {
          "name": "_auto-complete",
          "description": "Defines whether the input can be auto-completed.",
          "values": [
            {
              "name": "off"
            },
            {
              "name": "on"
            }
          ]
        },
        {
          "name": "_disabled",
          "description": "Makes the element not focusable and ignore all events."
        },
        {
          "name": "_hide-label",
          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it."
        },
        {
          "name": "_hide-msg",
          "description": "Hides the error message but leaves it in the DOM for the input's aria-describedby."
        },
        {
          "name": "_hint",
          "description": "Defines the hint text."
        },
        {
          "name": "_icons",
          "description": "Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`)."
        },
        {
          "name": "_id",
          "description": "Defines the internal ID of the primary component element."
        },
        {
          "name": "_label",
          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot."
        },
        {
          "name": "_max",
          "description": "Defines the largest possible input value."
        },
        {
          "name": "_min",
          "description": "Defines the smallest possible input value."
        },
        {
          "name": "_msg",
          "description": "Defines the properties for a message rendered as Alert component.",
          "values": [
            {
              "name": "info"
            },
            {
              "name": "success"
            },
            {
              "name": "warning"
            },
            {
              "name": "error"
            },
            {
              "name": "msg"
            }
          ]
        },
        {
          "name": "_name",
          "description": "Defines the technical name of an input field."
        },
        {
          "name": "_placeholder",
          "description": "Defines the placeholder for input field. To be shown when there's no value."
        },
        {
          "name": "_read-only",
          "description": "Makes the input element read only."
        },
        {
          "name": "_required",
          "description": "Makes the input element required."
        },
        {
          "name": "_short-key",
          "description": "Adds a visual short key hint to the component."
        },
        {
          "name": "_smart-button",
          "description": "Allows to add a button with an arbitrary action within the element (_hide-label only).",
          "values": [
            {
              "name": "link"
            },
            {
              "name": "tab"
            },
            {
              "name": "treeitem"
            },
            {
              "name": "reset"
            },
            {
              "name": "submit"
            },
            {
              "name": "secondary"
            },
            {
              "name": "normal"
            },
            {
              "name": "tertiary"
            },
            {
              "name": "danger"
            },
            {
              "name": "ghost"
            },
            {
              "name": "custom"
            }
          ]
        },
        {
          "name": "_step",
          "description": "Defines the step size for value changes."
        },
        {
          "name": "_suggestions",
          "description": "Suggestions to provide for the input."
        },
        {
          "name": "_tooltip-align",
          "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
          "values": [
            {
              "name": "bottom"
            },
            {
              "name": "left"
            },
            {
              "name": "right"
            },
            {
              "name": "top"
            }
          ]
        },
        {
          "name": "_touched",
          "description": "Shows if the input was touched by a user."
        },
        {
          "name": "_value",
          "description": "Defines the value of the input."
        }
      ]
    },
    {
      "name": "kol-input-password",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "_access-key",
          "description": "Defines which key combination can be used to trigger or focus the interactive element of the component."
        },
        {
          "name": "_auto-complete",
          "description": "Defines whether the input can be auto-completed.",
          "values": [
            {
              "name": "off"
            },
            {
              "name": "on"
            }
          ]
        },
        {
          "name": "_disabled",
          "description": "Makes the element not focusable and ignore all events."
        },
        {
          "name": "_has-counter",
          "description": "Shows the character count on the lower border of the input."
        },
        {
          "name": "_hide-label",
          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it."
        },
        {
          "name": "_hide-msg",
          "description": "Hides the error message but leaves it in the DOM for the input's aria-describedby."
        },
        {
          "name": "_hint",
          "description": "Defines