@umbraco-ui/uui-ref/custom-elements.json

Umbraco UI ref component

{
  "version": "experimental",
  "tags": [
    {
      "name": "uui-ref",
      "path": "./lib/uui-ref.element.ts",
      "attributes": [
        {
          "name": "readonly",
          "description": "Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "disabled",
          "description": "Set tot true to disable",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "error",
          "description": "Set to true to display error state",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "select-only",
          "description": "Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.",
          "type": "boolean"
        },
        {
          "name": "selectable",
          "description": "Enable the ability to select this element.",
          "type": "boolean"
        },
        {
          "name": "selected",
          "description": "Attribute applied when the element is selected.",
          "type": "boolean",
          "default": "false"
        },
        {
          "name": "standalone",
          "description": "Set to true to make element stand out",
          "type": "boolean",
          "default": "false"
        }
      ],
      "properties": [
        {
          "name": "readonly",
          "attribute": "readonly",
          "description": "Sets the input to readonly mode, meaning value cannot be changed but still able to read and select its content.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "styles",
          "type": "CSSResult[]",
          "default": "[null]"
        },
        {
          "name": "disabled",
          "attribute": "disabled",
          "description": "Set tot true to disable",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "error",
          "attribute": "error",
          "description": "Set to true to display error state",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "selectOnly",
          "attribute": "select-only",
          "description": "Enforce selection interaction and prevent all other interactions, set this when the UI is turned into Selection-Mode.",
          "type": "boolean"
        },
        {
          "name": "selectable",
          "attribute": "selectable",
          "description": "Enable the ability to select this element.",
          "type": "boolean"
        },
        {
          "name": "selected",
          "attribute": "selected",
          "description": "Attribute applied when the element is selected.",
          "type": "boolean",
          "default": "false"
        }
      ],
      "events": [
        {
          "name": "open",
          "description": "fires when the ref is opened"
        },
        {
          "name": "selected",
          "description": "fires when the ref is selected"
        },
        {
          "name": "deselected",
          "description": "fires when the ref is deselected"
        }
      ]
    }
  ]
}