docs.json

[{
  "name": "Button",
  "description": null,
  "keywords": [],
  "slots": [
    {
      "kind": "slot",
      "visibility": "public",
      "description": "",
      "keywords": [],
      "name": "default",
      "props": []
    }
  ],
  "props": [
    {
      "kind": "prop",
      "visibility": "public",
      "description": "Forces the button to render as a router link `<router-link :to=\"to\">`",
      "keywords": [],
      "name": "to",
      "type": "__undefined__",
      "nativeType": "__undefined__",
      "default": "__undefined__",
      "required": false,
      "describeModel": false
    },
    {
      "kind": "prop",
      "visibility": "public",
      "description": "Forces the button to render as an anchor `<a :href=\"href\">`",
      "keywords": [],
      "name": "href",
      "type": "String",
      "nativeType": "__undefined__",
      "default": "__undefined__",
      "required": false,
      "describeModel": false
    },
    {
      "kind": "prop",
      "visibility": "public",
      "description": "Alternative tag name to use, e.g. `div`",
      "keywords": [],
      "name": "tag-name",
      "type": "String",
      "nativeType": "__undefined__",
      "default": "__undefined__",
      "required": false,
      "describeModel": false
    },
    {
      "kind": "prop",
      "visibility": "public",
      "description": "Button text",
      "keywords": [],
      "name": "text",
      "type": "String",
      "nativeType": "__undefined__",
      "default": "__undefined__",
      "required": false,
      "describeModel": false
    },
    {
      "kind": "prop",
      "visibility": "public",
      "description": "Icon to display before the text",
      "keywords": [],
      "name": "prefix-icon",
      "type": "String",
      "nativeType": "__undefined__",
      "default": "__undefined__",
      "required": false,
      "describeModel": false
    },
    {
      "kind": "prop",
      "visibility": "public",
      "description": "Icon to display after the text",
      "keywords": [],
      "name": "suffix-icon",
      "type": "String",
      "nativeType": "__undefined__",
      "default": "__undefined__",
      "required": false,
      "describeModel": false
    },
    {
      "kind": "prop",
      "visibility": "public",
      "description": "Enables loading state",
      "keywords": [],
      "name": "loading",
      "type": "Boolean",
      "nativeType": "boolean",
      "default": false,
      "required": false,
      "describeModel": false
    },
    {
      "kind": "prop",
      "visibility": "public",
      "description": "Enables disabled state",
      "keywords": [],
      "name": "disabled",
      "type": "Boolean",
      "nativeType": "boolean",
      "default": false,
      "required": false,
      "describeModel": false
    },
    {
      "kind": "prop",
      "visibility": "public",
      "description": "Renders an outlined button",
      "keywords": [],
      "name": "outlined",
      "type": "Boolean",
      "nativeType": "boolean",
      "default": false,
      "required": false,
      "describeModel": false
    },
    {
      "kind": "prop",
      "visibility": "public",
      "description": "Sets button size modifier\nBy default, supports 'small', 'medium' and 'large'",
      "keywords": [],
      "name": "size",
      "type": "String",
      "nativeType": "string",
      "default": "medium",
      "required": false,
      "describeModel": false
    },
    {
      "kind": "prop",
      "visibility": "public",
      "description": "Sets button color modifier\n By default, supports 'primary', 'secondary', 'danger', 'success', 'notice', 'warning'",
      "keywords": [],
      "name": "color",
      "type": "String",
      "nativeType": "string",
      "default": "primary",
      "required": false,
      "describeModel": false
    },
    {
      "kind": "prop",
      "visibility": "public",
      "description": "Renders a circle/icon button",
      "keywords": [],
      "name": "circle",
      "type": "Boolean",
      "nativeType": "boolean",
      "default": false,
      "required": false,
      "describeModel": false
    },
    {
      "kind": "prop",
      "visibility": "public",
      "description": "Renders as a transparent/ghost button",
      "keywords": [],
      "name": "ghost",
      "type": "Boolean",
      "nativeType": "boolean",
      "default": false,
      "required": false,
      "describeModel": false
    },
    {
      "kind": "prop",
      "visibility": "public",
      "description": "Justify button, adds left or right margin for flex button group",
      "keywords": [],
      "name": "justify",
      "type": "String",
      "nativeType": "string",
      "default": "unjustified",
      "required": false,
      "describeModel": false
    }
  ],
  "data": [],
  "computed": [
    {
      "kind": "computed",
      "visibility": "public",
      "description": null,
      "keywords": [],
      "name": "config",
      "dependencies": [
        "$config"
      ]
    },
    {
      "kind": "computed",
      "visibility": "public",
      "description": null,
      "keywords": [],
      "name": "componentName",
      "dependencies": [
        "href",
        "to",
        "tagName"
      ]
    },
    {
      "kind": "computed",
      "visibility": "public",
      "description": null,
      "keywords": [],
      "name": "altTagName",
      "dependencies": [
        "componentName",
        "tagName"
      ]
    },
    {
      "kind": "computed",
      "visibility": "public",
      "description": null,
      "keywords": [],
      "name": "elementClasses",
      "dependencies": [
        "config",
        "unstyled",
        "buildCssModifiers",
        "loading",
        "loading",
        "disabled",
        "outlined",
        "circle",
        "ghost",
        "size",
        "color",
        "justify",
        "config"
      ]
    }
  ],
  "events": [],
  "methods": []
}]