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

Tag component from Umbraco UI components library. Comes in one shape, but different looks and sizes

{
  "version": "experimental",
  "tags": [
    {
      "name": "uui-tag",
      "path": "./lib/uui-tag.element.ts",
      "attributes": [
        {
          "name": "color",
          "description": "Changes the look of the button to one of the predefined, symbolic looks. For example - set this to positive if you want nice, green \"confirm\" button.",
          "type": "\"default\" | \"positive\" | \"warning\" | \"danger\"",
          "default": "\"\\\"default\\\"\""
        },
        {
          "name": "look",
          "description": "Changes the look of the button to one of the predefined, symbolic looks. For example - set this to positive if you want nice, green \"confirm\" button.",
          "type": "\"default\" | \"primary\" | \"secondary\" | \"outline\" | \"placeholder\"",
          "default": "\"\\\"default\\\"\""
        }
      ],
      "properties": [
        {
          "name": "color",
          "attribute": "color",
          "description": "Changes the look of the button to one of the predefined, symbolic looks. For example - set this to positive if you want nice, green \"confirm\" button.",
          "type": "\"default\" | \"positive\" | \"warning\" | \"danger\"",
          "default": "\"\\\"default\\\"\""
        },
        {
          "name": "look",
          "attribute": "look",
          "description": "Changes the look of the button to one of the predefined, symbolic looks. For example - set this to positive if you want nice, green \"confirm\" button.",
          "type": "\"default\" | \"primary\" | \"secondary\" | \"outline\" | \"placeholder\"",
          "default": "\"\\\"default\\\"\""
        },
        {
          "name": "styles",
          "type": "CSSResult[]",
          "default": "[null]"
        }
      ],
      "slots": [
        {
          "name": "",
          "description": "slot for tag contents"
        }
      ],
      "cssProperties": [
        {
          "name": "--uui-tag-font-size",
          "description": "overwrite the default font-size for the tag."
        },
        {
          "name": "--uui-tag-padding",
          "description": "overwrite the default padding size for the tag."
        },
        {
          "name": "--uui-tag-border-radius",
          "description": "overwrite the default border-radius for the tag."
        },
        {
          "name": "--uui-tag-border-color",
          "description": "overwrite the default border color for the tag."
        }
      ]
    }
  ]
}