[
  {
    "tags": [
      {
        "type": "component",
        "string": "range",
        "html": "<p>range</p>"
      },
      {
        "type": "param",
        "string": "{bindable} label (string)",
        "name": "label",
        "description": "<p>(string)</p>",
        "types": [
          "bindable"
        ],
        "typesDescription": "<a href=\"bindable.html\">bindable</a>",
        "optional": false,
        "nullable": false,
        "nonNullable": false,
        "variable": false
      },
      {
        "type": "param",
        "string": "{bindable} value (any)",
        "name": "value",
        "description": "<p>(any)</p>",
        "types": [
          "bindable"
        ],
        "typesDescription": "<a href=\"bindable.html\">bindable</a>",
        "optional": false,
        "nullable": false,
        "nonNullable": false,
        "variable": false
      },
      {
        "type": "param",
        "string": "{bindable} disabled (boolean)",
        "name": "disabled",
        "description": "<p>(boolean)</p>",
        "types": [
          "bindable"
        ],
        "typesDescription": "<a href=\"bindable.html\">bindable</a>",
        "optional": false,
        "nullable": false,
        "nonNullable": false,
        "variable": false
      },
      {
        "type": "param",
        "string": "{pseudo} horizontal",
        "name": "horizontal",
        "description": "",
        "types": [
          "pseudo"
        ],
        "typesDescription": "<a href=\"pseudo.html\">pseudo</a>",
        "optional": false,
        "nullable": false,
        "nonNullable": false,
        "variable": false,
        "html": "<p>{pseudo} horizontal</p>"
      },
      {
        "type": "param",
        "string": "{pseudo} success",
        "name": "success",
        "description": "",
        "types": [
          "pseudo"
        ],
        "typesDescription": "<a href=\"pseudo.html\">pseudo</a>",
        "optional": false,
        "nullable": false,
        "nonNullable": false,
        "variable": false,
        "html": "<p>{pseudo} success</p>"
      },
      {
        "type": "param",
        "string": "{pseudo} danger",
        "name": "danger",
        "description": "",
        "types": [
          "pseudo"
        ],
        "typesDescription": "<a href=\"pseudo.html\">pseudo</a>",
        "optional": false,
        "nullable": false,
        "nonNullable": false,
        "variable": false,
        "html": "<p>{pseudo} danger</p>"
      },
      {
        "type": "section.usage",
        "string": "",
        "html": ""
      },
      {
        "type": "usage.title",
        "string": "Usage",
        "html": "<p>Usage</p>"
      },
      {
        "type": "usage.description",
        "string": "Just like any form element, a range can have a label and a value. It can also be disabled.",
        "html": "<p>Just like any form element, a range can have a label and a value. It can also be disabled.</p>"
      },
      {
        "type": "usage.examples.Default",
        "string": "aire-range",
        "html": "<p>aire-range</p>"
      },
      {
        "type": "usage.examples.With_Label_And_Value",
        "string": "aire-range(label=\"My Range\" value=\"1234\")",
        "html": "<p>aire-range(label=&quot;My Range&quot; value=&quot;1234&quot;)</p>"
      },
      {
        "type": "usage.examples.Disabled",
        "string": "aire-range(disabled label=\"Disabled Range\")",
        "html": "<p>aire-range(disabled label=&quot;Disabled Range&quot;)</p>"
      },
      {
        "type": "section.styles",
        "string": "",
        "html": ""
      },
      {
        "type": "styles.title",
        "string": "Styles",
        "html": "<p>Styles</p>"
      },
      {
        "type": "styles.description",
        "string": "An range's label can be moved horizontal with `horizontal`. The range can also have an `danger` or `success` state.",
        "html": "<p>An range's label can be moved horizontal with <code>horizontal</code>. The range can also have an <code>danger</code> or <code>success</code> state.</p>"
      },
      {
        "type": "styles.examples.Horizontal",
        "string": "aire-range(horizontal label=\"Horizontal Range\")",
        "html": "<p>aire-range(horizontal label=&quot;Horizontal Range&quot;)</p>"
      },
      {
        "type": "styles.examples.Danger",
        "string": "aire-range(danger label=\"Danger Range\")",
        "html": "<p>aire-range(danger label=&quot;Danger Range&quot;)</p>"
      },
      {
        "type": "styles.examples.Success",
        "string": "aire-range(success label=\"Success Range\")",
        "html": "<p>aire-range(success label=&quot;Success Range&quot;)</p>"
      }
    ],
    "description": {
      "full": "<p>The aire-range is a styled input[type=&quot;range&quot;]</p>",
      "summary": "<p>The aire-range is a styled input[type=&quot;range&quot;]</p>",
      "body": ""
    },
    "isPrivate": false,
    "isConstructor": false,
    "isClass": false,
    "isEvent": false,
    "ignore": false,
    "line": 5,
    "codeStart": 51,
    "code": "@inject(DOM.Element)\n@customElement('aire-range')\nexport class AireRange extends AireFormElement {\n\n    constructor(element: Element) {\n        super(element);\n    }\n}",
    "ctx": false
  }
]