[
  {
    "tags": [
      {
        "type": "component",
        "string": "input",
        "html": "<p>input</p>"
      },
      {
        "type": "param",
        "string": "{bindable} type (string)",
        "name": "type",
        "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} flip (boolean)",
        "name": "flip",
        "description": "<p>(boolean)</p>",
        "types": [
          "bindable"
        ],
        "typesDescription": "<a href=\"bindable.html\">bindable</a>",
        "optional": false,
        "nullable": false,
        "nonNullable": false,
        "variable": false
      },
      {
        "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": "param",
        "string": "{pseudo} blank",
        "name": "blank",
        "description": "",
        "types": [
          "pseudo"
        ],
        "typesDescription": "<a href=\"pseudo.html\">pseudo</a>",
        "optional": false,
        "nullable": false,
        "nonNullable": false,
        "variable": false,
        "html": "<p>{pseudo} blank</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 input can have a label and a value. It can also be disabled. To set its type, pass one in",
        "html": "<p>Just like any form element, a input can have a label and a value. It can also be disabled. To set its type, pass one in</p>"
      },
      {
        "type": "usage.examples.Default",
        "string": "aire-input",
        "html": "<p>aire-input</p>"
      },
      {
        "type": "usage.examples.With_Label_And_Value",
        "string": "aire-input(label=\"My Input\" value=\"1234\")",
        "html": "<p>aire-input(label=&quot;My Input&quot; value=&quot;1234&quot;)</p>"
      },
      {
        "type": "usage.examples.Disabled",
        "string": "aire-input(disabled label=\"Disabled Input\")",
        "html": "<p>aire-input(disabled label=&quot;Disabled Input&quot;)</p>"
      },
      {
        "type": "usage.examples.Other_Type",
        "string": "aire-input(label=\"A Password\" type=\"password\" value=\"1234\")",
        "html": "<p>aire-input(label=&quot;A Password&quot; type=&quot;password&quot; value=&quot;1234&quot;)</p>"
      },
      {
        "type": "section.styles",
        "string": "",
        "html": ""
      },
      {
        "type": "styles.title",
        "string": "Styles",
        "html": "<p>Styles</p>"
      },
      {
        "type": "styles.description",
        "string": "An input's label can be moved horizontal with `horizontal`. The input can also have an `danger` or `success` state. For a more minimal look, make it `blank`.",
        "html": "<p>An input's label can be moved horizontal with <code>horizontal</code>. The input can also have an <code>danger</code> or <code>success</code> state. For a more minimal look, make it <code>blank</code>.</p>"
      },
      {
        "type": "styles.examples.Horizontal",
        "string": "aire-input(horizontal label=\"Horizontal Input\")",
        "html": "<p>aire-input(horizontal label=&quot;Horizontal Input&quot;)</p>"
      },
      {
        "type": "styles.examples.Danger",
        "string": "aire-input(danger label=\"Danger Input\")",
        "html": "<p>aire-input(danger label=&quot;Danger Input&quot;)</p>"
      },
      {
        "type": "styles.examples.Success",
        "string": "aire-input(success label=\"Success Input\")",
        "html": "<p>aire-input(success label=&quot;Success Input&quot;)</p>"
      },
      {
        "type": "styles.examples.Blank",
        "string": "aire-input(blank label=\"Minimal Input\")",
        "html": "<p>aire-input(blank label=&quot;Minimal Input&quot;)</p>"
      }
    ],
    "description": {
      "full": "<p>The aire-input is a styled input</p>",
      "summary": "<p>The aire-input is a styled input</p>",
      "body": ""
    },
    "isPrivate": false,
    "isConstructor": false,
    "isClass": false,
    "isEvent": false,
    "ignore": false,
    "line": 5,
    "codeStart": 61,
    "code": "@inject(DOM.Element)\n@customElement('aire-input')\nexport class AireInput extends AireFormElement {\n\n    @bindable\n    type        : string = \"text\";\n\n    @bindable\n    flip        : boolean;\n\n    constructor(element: Element) {\n        super(element);\n    }\n}",
    "ctx": false
  }
]