{
  "version": 1.1,
  "tags": [
    {
      "name": "bkkr-accordion",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "disabled",
          "description": "If `true`, the accordion cannot be interacted with."
        },
        {
          "name": "readonly",
          "description": "If `true`, the accordion cannot be interacted with,\nbut does not alter the opacity."
        },
        {
          "name": "toggle-icon",
          "description": "The toggle icon to use. This icon will be\nrotated when the accordion is expanded\nor collapsed."
        },
        {
          "name": "toggle-icon-slot",
          "description": "The slot inside of `bkkr-item` to\nplace the toggle icon. Defaults to `'end'`.",
          "values": [
            {
              "name": "end"
            },
            {
              "name": "start"
            }
          ]
        },
        {
          "name": "value",
          "description": "The value of the accordion."
        }
      ],
      "references": [
        {
          "name": "Source code",
          "url": "./https:/github.com/bkkr-team/bkkr-framework/tree/master/core/src/components/accordion/accordion.tsx"
        }
      ]
    },
    {
      "name": "bkkr-accordion-group",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "animated",
          "description": "If `true`, all accordions inside of the\naccordion group will animate when expanding\nor collapsing."
        },
        {
          "name": "disabled",
          "description": "If `true`, the accordion group cannot be interacted with."
        },
        {
          "name": "expand",
          "description": "Describes the expansion behavior for each accordion.\nPossible values are `\"compact\"` and `\"inset\"`.\nDefaults to `\"compact\"`.",
          "values": [
            {
              "name": "compact"
            },
            {
              "name": "inset"
            }
          ]
        },
        {
          "name": "multiple",
          "description": "If `true`, the accordion group can have multiple\naccordion components expanded at the same time."
        },
        {
          "name": "readonly",
          "description": "If `true`, the accordion group cannot be interacted with,\nbut does not alter the opacity."
        },
        {
          "name": "value",
          "description": "The value of the accordion group."
        }
      ],
      "references": [
        {
          "name": "Source code",
          "url": "./https:/github.com/bkkr-team/bkkr-framework/tree/master/core/src/components/accordion-group/accordion-group.tsx"
        }
      ]
    },
    {
      "name": "bkkr-alert",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "animated",
          "description": "If `true`, the alert will animate."
        },
        {
          "name": "backdrop-dismiss",
          "description": "If `true`, the alert will be dismissed when the backdrop is clicked."
        },
        {
          "name": "css-class",
          "description": "Additional classes to apply for custom CSS. If multiple classes are\nprovided they should be separated by spaces."
        },
        {
          "name": "header",
          "description": "The main title in the heading of the alert."
        },
        {
          "name": "keyboard-close",
          "description": "If `true`, the keyboard will be automatically dismissed when the overlay is presented."
        },
        {
          "name": "message",
          "description": "The main message to be displayed in the alert.\n`message` can accept either plaintext or HTML as a string.\nTo display characters normally reserved for HTML, they\nmust be escaped. For example `<Bkkr>` would become\n`&lt;Bkkr&gt;`"
        },
        {
          "name": "position",
          "description": "The position of the alert on the screen.",
          "values": [
            {
              "name": "bottom"
            },
            {
              "name": "top"
            }
          ]
        },
        {
          "name": "sub-header",
          "description": "The subtitle in the heading of the alert. Displayed under the title."
        }
      ],
      "references": [
        {
          "name": "Source code",
          "url": "./https:/github.com/bkkr-team/bkkr-framework/tree/master/core/src/components/alert/alert.tsx"
        }
      ]
    },
    {
      "name": "bkkr-backdrop",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "stop-propagation",
          "description": "If `true`, the backdrop will stop propagation on tap."
        },
        {
          "name": "tappable",
          "description": "If `true`, the backdrop will can be clicked and will emit the `bkkrBackdropTap` event."
        },
        {
          "name": "visible",
          "description": "If `true`, the backdrop will be visible."
        }
      ],
      "references": [
        {
          "name": "Source code",
          "url": "./https:/github.com/bkkr-team/bkkr-framework/tree/master/core/src/components/backdrop/backdrop.tsx"
        }
      ]
    },
    {
      "name": "bkkr-badge",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "color",
          "description": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"tertiary\"`, `\"success\"`, `\"warning\"`, `\"danger\"`, `\"light\"`, `\"medium\"`, and `\"dark\"`.\nFor more information on colors, see [theming](/docs/theming/basics).",
          "values": [
            {
              "name": "danger"
            },
            {
              "name": "dark"
            },
            {
              "name": "light"
            },
            {
              "name": "medium"
            },
            {
              "name": "primary"
            },
            {
              "name": "secondary"
            },
            {
              "name": "success"
            },
            {
              "name": "tertiary"
            },
            {
              "name": "warning"
            }
          ]
        }
      ],
      "references": [
        {
          "name": "Source code",
          "url": "./https:/github.com/bkkr-team/bkkr-framework/tree/master/core/src/components/badge/badge.tsx"
        }
      ]
    },
    {
      "name": "bkkr-breadcrumb",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "active",
          "description": "If `true`, the breadcrumb will take on a different look to show that\nit is the currently active breadcrumb. Defaults to `true` for the\nlast breadcrumb if it is not set on any."
        },
        {
          "name": "color",
          "description": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"tertiary\"`, `\"success\"`, `\"warning\"`, `\"danger\"`, `\"light\"`, `\"medium\"`, and `\"dark\"`.\nFor more information on colors, see [theming](/docs/theming/basics).",
          "values": [
            {
              "name": "danger"
            },
            {
              "name": "dark"
            },
            {
              "name": "light"
            },
            {
              "name": "medium"
            },
            {
              "name": "primary"
            },
            {
              "name": "secondary"
            },
            {
              "name": "success"
            },
            {
              "name": "tertiary"
            },
            {
              "name": "warning"
            }
          ]
        },
        {
          "name": "disabled",
          "description": "If `true`, the user cannot interact with the breadcrumb."
        },
        {
          "name": "download",
          "description": "This attribute instructs browsers to download a URL instead of navigating to\nit, so the user will be prompted to save it as a local file. If the attribute\nhas a value, it is used as the pre-filled file name in the Save prompt\n(the user can still change the file name if they want)."
        },
        {
          "name": "href",
          "description": "Contains a URL or a URL fragment that the hyperlink points to.\nIf this property is set, an anchor tag will be rendered."
        },
        {
          "name": "rel",
          "description": "Specifies the relationship of the target object to the link object.\nThe value is a space-separated list of [link types](https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types)."
        },
        {
          "name": "router-direction",
          "description": "When using a router, it specifies the transition direction when navigating to\nanother page using `href`.",
          "values": [
            {
              "name": "back"
            },
            {
              "name": "forward"
            },
            {
              "name": "root"
            }
          ]
        },
        {
          "name": "separator",
          "description": "If true, show a separator between this breadcrumb and the next.\nDefaults to `true` for all breadcrumbs except the last."
        },
        {
          "name": "target",
          "description": "Specifies where to display the linked URL.\nOnly applies when an `href` is provided.\nSpecial keywords: `\"_blank\"`, `\"_self\"`, `\"_parent\"`, `\"_top\"`."
        }
      ],
      "references": [
        {
          "name": "Source code",
          "url": "./https:/github.com/bkkr-team/bkkr-framework/tree/master/core/src/components/breadcrumb/breadcrumb.tsx"
        }
      ]
    },
    {
      "name": "bkkr-breadcrumbs",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "color",
          "description": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"tertiary\"`, `\"success\"`, `\"warning\"`, `\"danger\"`, `\"light\"`, `\"medium\"`, and `\"dark\"`.\nFor more information on colors, see [theming](/docs/theming/basics).",
          "values": [
            {
              "name": "danger"
            },
            {
              "name": "dark"
            },
            {
              "name": "light"
            },
            {
              "name": "medium"
            },
            {
              "name": "primary"
            },
            {
              "name": "secondary"
            },
            {
              "name": "success"
            },
            {
              "name": "tertiary"
            },
            {
              "name": "warning"
            }
          ]
        },
        {
          "name": "items-after-collapse",
          "description": "The number of breadcrumbs to show after the collapsed indicator.\nIf this property exists `maxItems` will be ignored."
        },
        {
          "name": "items-before-collapse",
          "description": "The number of breadcrumbs to show before the collapsed indicator.\nIf this property exists `maxItems` will be ignored."
        },
        {
          "name": "max-items",
          "description": "The maximum number of breadcrumbs to show before collapsing."
        }
      ],
      "references": [
        {
          "name": "Source code",
          "url": "./https:/github.com/bkkr-team/bkkr-framework/tree/master/core/src/components/breadcrumbs/breadcrumbs.tsx"
        }
      ]
    },
    {
      "name": "bkkr-button",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "color",
          "description": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"tertiary\"`, `\"success\"`, `\"warning\"`, `\"danger\"`, `\"light\"`, `\"medium\"`, and `\"dark\"`.\nFor more information on colors, see [theming](/docs/theming/basics).",
          "values": [
            {
              "name": "danger"
            },
            {
              "name": "dark"
            },
            {
              "name": "light"
            },
            {
              "name": "medium"
            },
            {
              "name": "primary"
            },
            {
              "name": "secondary"
            },
            {
              "name": "success"
            },
            {
              "name": "tertiary"
            },
            {
              "name": "warning"
            }
          ]
        },
        {
          "name": "disabled",
          "description": "If `true`, the user cannot interact with the button."
        },
        {
          "name": "download",
          "description": "This attribute instructs browsers to download a URL instead of navigating to\nit, so the user will be prompted to save it as a local file. If the attribute\nhas a value, it is used as the pre-filled file name in the Save prompt\n(the user can still change the file name if they want)."
        },
        {
          "name": "expand",
          "description": "Set to `\"block\"` for a full-width button or to `\"full\"` for a full-width button\nwithout left and right borders.",
          "values": [
            {
              "name": "block"
            }
          ]
        },
        {
          "name": "fill",
          "description": "Set to `\"clear\"` for a transparent button, to `\"outline\"` for a transparent\nbutton with a border, or to `\"solid\"`. The default style is `\"solid\"` except inside of\na toolbar, where the default is `\"clear\"`.",
          "values": [
            {
              "name": "clear"
            },
            {
              "name": "default"
            },
            {
              "name": "outline"
            },
            {
              "name": "solid"
            }
          ]
        },
        {
          "name": "form",
          "description": "The HTML form element or form element id. Used to submit a form when the button is not a child of the form."
        },
        {
          "name": "href",
          "description": "Contains a URL or a URL fragment that the hyperlink points to.\nIf this property is set, an anchor tag will be rendered."
        },
        {
          "name": "rel",
          "description": "Specifies the relationship of the target object to the link object.\nThe value is a space-separated list of [link types](https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types)."
        },
        {
          "name": "router-direction",
          "description": "When using a router, it specifies the transition direction when navigating to\nanother page using `href`.",
          "values": [
            {
              "name": "back"
            },
            {
              "name": "forward"
            },
            {
              "name": "root"
            }
          ]
        },
        {
          "name": "shape",
          "description": "The shape of the button.",
          "values": [
            {
              "name": "round"
            }
          ]
        },
        {
          "name": "size",
          "description": "The button size.",
          "values": [
            {
              "name": "default"
            },
            {
              "name": "large"
            },
            {
              "name": "small"
            }
          ]
        },
        {
          "name": "target",
          "description": "Specifies where to display the linked URL.\nOnly applies when an `href` is provided.\nSpecial keywords: `\"_blank\"`, `\"_self\"`, `\"_parent\"`, `\"_top\"`."
        },
        {
          "name": "type",
          "description": "The type of the button.",
          "values": [
            {
              "name": "button"
            },
            {
              "name": "reset"
            },
            {
              "name": "submit"
            }
          ]
        }
      ],
      "references": [
        {
          "name": "Source code",
          "url": "./https:/github.com/bkkr-team/bkkr-framework/tree/master/core/src/components/button/button.tsx"
        }
      ]
    },
    {
      "name": "bkkr-card",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "button",
          "description": "If `true`, a button tag will be rendered and the card will be tappable."
        },
        {
          "name": "color",
          "description": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"tertiary\"`, `\"success\"`, `\"warning\"`, `\"danger\"`, `\"light\"`, `\"medium\"`, and `\"dark\"`.\nFor more information on colors, see [theming](/docs/theming/basics).",
          "values": [
            {
              "name": "danger"
            },
            {
              "name": "dark"
            },
            {
              "name": "light"
            },
            {
              "name": "medium"
            },
            {
              "name": "primary"
            },
            {
              "name": "secondary"
            },
            {
              "name": "success"
            },
            {
              "name": "tertiary"
            },
            {
              "name": "warning"
            }
          ]
        },
        {
          "name": "disabled",
          "description": "If `true`, the user cannot interact with the card."
        },
        {
          "name": "download",
          "description": "This attribute instructs browsers to download a URL instead of navigating to\nit, so the user will be prompted to save it as a local file. If the attribute\nhas a value, it is used as the pre-filled file name in the Save prompt\n(the user can still change the file name if they want)."
        },
        {
          "name": "fill",
          "description": "Set to `\"elevated\"` for a elevated card, `\"outline\"` for a transparent\ncard with a border, or to `\"solid\"`. The default style is `\"elevated\"`.",
          "values": [
            {
              "name": "elevated"
            },
            {
              "name": "outline"
            },
            {
              "name": "solid"
            }
          ]
        },
        {
          "name": "href",
          "description": "Contains a URL or a URL fragment that the hyperlink points to.\nIf this property is set, an anchor tag will be rendered."
        },
        {
          "name": "rel",
          "description": "Specifies the relationship of the target object to the link object.\nThe value is a space-separated list of [link types](https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types)."
        },
        {
          "name": "router-direction",
          "description": "When using a router, it specifies the transition direction when navigating to\nanother page using `href`.",
          "values": [
            {
              "name": "back"
            },
            {
              "name": "forward"
            },
            {
              "name": "root"
            }
          ]
        },
        {
          "name": "target",
          "description": "Specifies where to display the linked URL.\nOnly applies when an `href` is provided.\nSpecial keywords: `\"_blank\"`, `\"_self\"`, `\"_parent\"`, `\"_top\"`."
        },
        {
          "name": "type",
          "description": "The type of the button. Only used when an `onclick` or `button` property is present.",
          "values": [
            {
              "name": "button"
            },
            {
              "name": "reset"
            },
            {
              "name": "submit"
            }
          ]
        }
      ],
      "references": [
        {
          "name": "Source code",
          "url": "./https:/github.com/bkkr-team/bkkr-framework/tree/master/core/src/components/card/card.tsx"
        }
      ]
    },
    {
      "name": "bkkr-card-content",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [],
      "references": [
        {
          "name": "Source code",
          "url": "./https:/github.com/bkkr-team/bkkr-framework/tree/master/core/src/components/card-content/card-content.tsx"
        }
      ]
    },
    {
      "name": "bkkr-card-header",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [],
      "references": [
        {
          "name": "Source code",
          "url": "./https:/github.com/bkkr-team/bkkr-framework/tree/master/core/src/components/card-header/card-header.tsx"
        }
      ]
    },
    {
      "name": "bkkr-checkbox",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "checked",
          "description": "If `true`, the checkbox is selected."
        },
        {
          "name": "color",
          "description": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"tertiary\"`, `\"success\"`, `\"warning\"`, `\"danger\"`, `\"light\"`, `\"medium\"`, and `\"dark\"`.\nFor more information on colors, see [theming](/docs/theming/basics).",
          "values": [
            {
              "name": "danger"
            },
            {
              "name": "dark"
            },
            {
              "name": "light"
            },
            {
              "name": "medium"
            },
            {
              "name": "primary"
            },
            {
              "name": "secondary"
            },
            {
              "name": "success"
            },
            {
              "name": "tertiary"
            },
            {
              "name": "warning"
            }
          ]
        },
        {
          "name": "disabled",
          "description": "If `true`, the user cannot interact with the checkbox."
        },
        {
          "name": "indeterminate",
          "description": "If `true`, the checkbox will visually appear as indeterminate."
        },
        {
          "name": "name",
          "description": "The name of the control, which is submitted with the form data."
        },
        {
          "name": "value",
          "description": "The value of the checkbox does not mean if it's checked or not, use the `checked`\nproperty for that.\n\nThe value of a checkbox is analogous to the value of an `<input type=\"checkbox\">`,\nit's only used when the checkbox participates in a native `<form>`."
        }
      ],
      "references": [
        {
          "name": "Source code",
          "url": "./https:/github.com/bkkr-team/bkkr-framework/tree/master/core/src/components/checkbox/checkbox.tsx"
        }
      ]
    },
    {
      "name": "bkkr-col",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "order",
          "description": "The order of the column, in terms of how many columns it should take up out of the total\navailable."
        },
        {
          "name": "order-lg",
          "description": "The order of the column for lg screens, in terms of how many columns it should take up out\nof the total available."
        },
        {
          "name": "order-md",
          "description": "The order of the column for md screens, in terms of how many columns it should take up out\nof the total available."
        },
        {
          "name": "order-sm",
          "description": "The order of the column for sm screens, in terms of how many columns it should take up out\nof the total available."
        },
        {
          "name": "order-xl",
          "description": "The order of the column for xl screens, in terms of how many columns it should take up out\nof the total available."
        },
        {
          "name": "order-xs",
          "description": "The order of the column for xs screens, in terms of how many columns it should take up out\nof the total available."
        },
        {
          "name": "order-xxl",
          "description": "The order of the column for xxl screens, in terms of how many columns it should take up out\nof the total available."
        },
        {
          "name": "size",
          "description": "The size of the column, in terms of how many columns it should take up out of the total\navailable. If `\"auto\"` is passed, the column will be the size of its content."
        },
        {
          "name": "size-lg",
          "description": "The size of the column for lg screens, in terms of how many columns it should take up out\nof the total available. If `\"auto\"` is passed, the column will be the size of its content."
        },
        {
          "name": "size-md",
          "description": "The size of the column for md screens, in terms of how many columns it should take up out\nof the total available. If `\"auto\"` is passed, the column will be the size of its content."
        },
        {
          "name": "size-sm",
          "description": "The size of the column for sm screens, in terms of how many columns it should take up out\nof the total available. If `\"auto\"` is passed, the column will be the size of its content."
        },
        {
          "name": "size-xl",
          "description": "The size of the column for xl screens, in terms of how many columns it should take up out\nof the total available. If `\"auto\"` is passed, the column will be the size of its content."
        },
        {
          "name": "size-xs",
          "description": "The size of the column for xs screens, in terms of how many columns it should take up out\nof the total available. If `\"auto\"` is passed, the column will be the size of its content."
        },
        {
          "name": "size-xxl",
          "description": "The size of the column for xxl screens, in terms of how many columns it should take up out\nof the total available. If `\"auto\"` is passed, the column will be the size of its content."
        }
      ],
      "references": [
        {
          "name": "Source code",
          "url": "./https:/github.com/bkkr-team/bkkr-framework/tree/master/core/src/components/col/col.tsx"
        }
      ]
    },
    {
      "name": "bkkr-container",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "color",
          "description": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"tertiary\"`, `\"success\"`, `\"warning\"`, `\"danger\"`, `\"light\"`, `\"medium\"`, and `\"dark\"`.\nFor more information on colors, see [theming](/docs/theming/basics).",
          "values": [
            {
              "name": "danger"
            },
            {
              "name": "dark"
            },
            {
              "name": "light"
            },
            {
              "name": "medium"
            },
            {
              "name": "primary"
            },
            {
              "name": "secondary"
            },
            {
              "name": "success"
            },
            {
              "name": "tertiary"
            },
            {
              "name": "warning"
            }
          ]
        },
        {
          "name": "fluid",
          "description": "If `true`, the container get breakpoint related max widths."
        }
      ],
      "references": [
        {
          "name": "Source code",
          "url": "./https:/github.com/bkkr-team/bkkr-framework/tree/master/core/src/components/container/container.tsx"
        }
      ]
    },
    {
      "name": "bkkr-content",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "color",
          "description": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"tertiary\"`, `\"success\"`, `\"warning\"`, `\"danger\"`, `\"light\"`, `\"medium\"`, and `\"dark\"`.\nFor more information on colors, see [theming](/docs/theming/basics).",
          "values": [
            {
              "name": "danger"
            },
            {
              "name": "dark"
            },
            {
              "name": "light"
            },
            {
              "name": "medium"
            },
            {
              "name": "primary"
            },
            {
              "name": "secondary"
            },
            {
              "name": "success"
            },
            {
              "name": "tertiary"
            },
            {
              "name": "warning"
            }
          ]
        },
        {
          "name": "fullscreen",
          "description": "If `true`, the content will scroll behind the headers\nand footers. This effect can easily be seen by setting the toolbar\nto transparent."
        },
        {
          "name": "scroll-events",
          "description": "Because of performance reasons, bkkrScroll events are disabled by default, in order to enable them\nand start listening from (bkkrScroll), set this property to `true`."
        },
        {
          "name": "scroll-x",
          "description": "If you want to enable the content scrolling in the X axis, set this property to `true`."
        },
        {
          "name": "scroll-y",
          "description": "If you want to disable the content scrolling in the Y axis, set this property to `false`."
        }
      ],
      "references": [
        {
          "name": "Source code",
          "url": "./https:/github.com/bkkr-team/bkkr-framework/tree/master/core/src/components/content/content.tsx"
        }
      ]
    },
    {
      "name": "bkkr-datetime",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "autofocus",
          "description": "This Boolean attribute lets you specify that a form control should have datetime focus when the page loads."
        },
        {
          "name": "color",
          "description": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"tertiary\"`, `\"success\"`, `\"warning\"`, `\"danger\"`, `\"light\"`, `\"medium\"`, and `\"dark\"`.\nFor more information on colors, see [theming](/docs/theming/basics).",
          "values": [
            {
              "name": "danger"
            },
            {
              "name": "dark"
            },
            {
              "name": "light"
            },
            {
              "name": "medium"
            },
            {
              "name": "primary"
            },
            {
              "name": "secondary"
            },
            {
              "name": "success"
            },
            {
              "name": "tertiary"
            },
            {
              "name": "warning"
            }
          ]
        },
        {
          "name": "day-names",
          "description": "Full day of the week names. This can be used to provide\nlocale names for each day in the week. Defaults to English."
        },
        {
          "name": "day-short-names",
          "description": "Short abbreviated day of the week names. This can be used to provide\nlocale names for each day in the week. Defaults to English.\nDefaults to: `['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']`"
        },
        {
          "name": "disabled",
          "description": "If `true`, the user cannot interact with the datetime."
        },
        {
          "name": "display-format",
          "description": "The display format of the date and time as text that shows\nwithin the item. When the `pickerFormat` input is not used, then the\n`displayFormat` is used for both display the formatted text, and determining\nthe datetime picker's columns. See the `pickerFormat` input description for\nmore info. Defaults to `DD.MM.YYYY`."
        },
        {
          "name": "enterkeyhint",
          "description": "A hint to the browser for which enter key to display.\nPossible values: `\"enter\"`, `\"done\"`, `\"go\"`, `\"next\"`,\n`\"previous\"`, `\"search\"`, and `\"send\"`.",
          "values": [
            {
              "name": "done"
            },
            {
              "name": "enter"
            },
            {
              "name": "go"
            },
            {
              "name": "next"
            },
            {
              "name": "previous"
            },
            {
              "name": "search"
            },
            {
              "name": "send"
            }
          ]
        },
        {
          "name": "inputmode",
          "description": "A hint to the browser for which keyboard to display.\nPossible values: `\"none\"`, `\"text\"`, `\"tel\"`, `\"url\"`,\n`\"email\"`, `\"numeric\"`, `\"decimal\"`, and `\"search\"`.",
          "values": [
            {
              "name": "decimal"
            },
            {
              "name": "email"
            },
            {
              "name": "none"
            },
            {
              "name": "numeric"
            },
            {
              "name": "search"
            },
            {
              "name": "tel"
            },
            {
              "name": "text"
            },
            {
              "name": "url"
            }
          ]
        },
        {
          "name": "interface-options",
          "description": "Any additional options that the `alert`, `drawer` or `popover` interface\ncan take. See the [bkkr-alert docs](../alert) and the\n[bkkr-popover docs](../popover) for the\ncreate options for each interface.\n\nNote: `interfaceOptions` will not override `inputs` or `buttons` with the `alert` interface."
        },
        {
          "name": "max",
          "description": "The maximum datetime allowed. Value must be a date string\nfollowing the\n[ISO 8601 datetime format standard](https://www.w3.org/TR/NOTE-datetime),\n`1996-12-19`. The format does not have to be specific to an exact\ndatetime. For example, the maximum could just be the year, such as `1994`.\nDefaults to the end of this year."
        },
        {
          "name": "min",
          "description": "The minimum datetime allowed. Value must be a date string\nfollowing the\n[ISO 8601 datetime format standard](https://www.w3.org/TR/NOTE-datetime),\nsuch as `1996-12-19`. The format does not have to be specific to an exact\ndatetime. For example, the minimum could just be the year, such as `1994`.\nDefaults to the beginning of the year, 100 years ago from today."
        },
        {
          "name": "month-names",
          "description": "Full names for each month name. This can be used to provide\nlocale month names. Defaults to English."
        },
        {
          "name": "month-short-names",
          "description": "Short abbreviated names for each month name. This can be used to provide\nlocale month names. Defaults to English."
        },
        {
          "name": "name",
          "description": "The name of the control, which is submitted with the form data."
        },
        {
          "name": "picker",
          "description": "If `true`, the user can open a datepicker interface."
        },
        {
          "name": "placeholder",
          "description": "Instructional text that shows before the datetime has a value."
        },
        {
          "name": "readonly",
          "description": "If `true`, the user cannot modify the value."
        },
        {
          "name": "required",
          "description": "If `true`, the user must fill in a value before submitting a form."
        },
        {
          "name": "value",
          "description": "The value of the datetime as a valid ISO 8601 datetime string."
        }
      ],
      "references": [
        {
          "name": "Source code",
          "url": "./https:/github.com/bkkr-team/bkkr-framework/tree/master/core/src/components/datetime/datetime.tsx"
        }
      ]
    },
    {
      "name": "bkkr-drawer",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "animated",
          "description": "If `true`, the drawer will animate."
        },
        {
          "name": "backdrop-dismiss",
          "description": "If `true`, the drawer will be dismissed when the backdrop is clicked."
        },
        {
          "name": "can-dismiss",
          "description": "Determines whether or not a drawer can dismiss\nwhen calling the `dismiss` method.\n\nIf the value is `true` or the value's function returns `true`, the drawer will close when trying to dismiss.\nIf the value is `false` or the value's function returns `false`, the drawer will not close when trying to dismiss."
        },
        {
          "name": "close-button",
          "description": "If `true`, the drawer will have a close button on large screens."
        },
        {
          "name": "close-icon",
          "description": "The icon to use when `closeButton` is set to `true`."
        },
        {
          "name": "duration",
          "description": "How many milliseconds to wait before hiding the drawer. By default, it won't disappear."
        },
        {
          "name": "handle",
          "description": "If `true`, the drawer will have a drag handle."
        },
        {
          "name": "is-open",
          "description": "If `true`, the drawer will open. If `false`, the drawer will close.\nUse this if you need finer grained control over presentation, otherwise\njust use the drawerController or the `trigger` property.\nNote: `isOpen` will not automatically be set back to `false` when\nthe drawer dismisses. You will need to do that in your code."
        },
        {
          "name": "keep-contents-mounted",
          "description": "If `true`, the component passed into `bkkr-drawer` will\nautomatically be mounted when the modal is created. The\ncomponent will remain mounted even when the modal is dismissed.\nHowever, the component will be destroyed when the modal is\ndestroyed. This property is not reactive and should only be\nused when initially creating a modal.\n\nNote: This feature only applies to inline modals in JavaScript\nframeworks such as Angular, React, and Vue."
        },
        {
          "name": "keyboard-close",
          "description": "If `true`, the keyboard will be automatically dismissed when the overlay is presented."
        },
        {
          "name": "show-backdrop",
          "description": "If `true`, a backdrop will be displayed behind the drawer.\nThis property controls whether or not the backdrop\ndarkens the screen when the drawer is presented.\nIt does not control whether or not the backdrop\nis active or present in the DOM."
        },
        {
          "name": "swipe-to-close",
          "description": "If `true`, the drawer can be swiped to dismiss."
        },
        {
          "name": "trigger",
          "description": "An ID corresponding to the trigger element that\ncauses the drawer to open when clicked."
        }
      ],
      "references": [
        {
          "name": "Source code",
          "url": "./https:/github.com/bkkr-team/bkkr-framework/tree/master/core/src/components/drawer/drawer.tsx"
        }
      ]
    },
    {
      "name": "bkkr-fab",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "edge",
          "description": "If `true`, the fab will display on the edge of the header if\n`vertical` is `\"top\"`, and on the edge of the footer if\nit is `\"bottom\"`. Should be used with a `fixed` slot."
        },
        {
          "name": "horizontal",
          "description": "Where to align the fab horizontally in the viewport.",
          "values": [
            {
              "name": "center"
            },
            {
              "name": "end"
            },
            {
              "name": "start"
            }
          ]
        },
        {
          "name": "vertical",
          "description": "Where to align the fab vertically in the viewport.",
          "values": [
            {
              "name": "bottom"
            },
            {
              "name": "center"
            },
            {
              "name": "top"
            }
          ]
        }
      ],
      "references": [
        {
          "name": "Source code",
          "url": "./https:/github.com/bkkr-team/bkkr-framework/tree/master/core/src/components/fab/fab.tsx"
        }
      ]
    },
    {
      "name": "bkkr-fab-button",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "color",
          "description": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"tertiary\"`, `\"success\"`, `\"warning\"`, `\"danger\"`, `\"light\"`, `\"medium\"`, and `\"dark\"`.\nFor more information on colors, see [theming](/docs/theming/basics).",
          "values": [
            {
              "name": "danger"
            },
            {
              "name": "dark"
            },
            {
              "name": "light"
            },
            {
              "name": "medium"
            },
            {
              "name": "primary"
            },
            {
              "name": "secondary"
            },
            {
              "name": "success"
            },
            {
              "name": "tertiary"
            },
            {
              "name": "warning"
            }
          ]
        },
        {
          "name": "disabled",
          "description": "If `true`, the user cannot interact with the fab button."
        },
        {
          "name": "download",
          "description": "This attribute instructs browsers to download a URL instead of navigating to\nit, so the user will be prompted to save it as a local file. If the attribute\nhas a value, it is used as the pre-filled file name in the Save prompt\n(the user can still change the file name if they want)."
        },
        {
          "name": "href",
          "description": "Contains a URL or a URL fragment that the hyperlink points to.\nIf this property is set, an anchor tag will be rendered."
        },
        {
          "name": "rel",
          "description": "Specifies the relationship of the target object to the link object.\nThe value is a space-separated list of [link types](https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types)."
        },
        {
          "name": "router-direction",
          "description": "When using a router, it specifies the transition direction when navigating to\nanother page using `href`.",
          "values": [
            {
              "name": "back"
            },
            {
              "name": "forward"
            },
            {
              "name": "root"
            }
          ]
        },
        {
          "name": "shape",
          "description": "The shape of the button.",
          "values": [
            {
              "name": "round"
            }
          ]
        },
        {
          "name": "size",
          "description": "The size of the button.",
          "values": [
            {
              "name": "large"
            },
            {
              "name": "small"
            }
          ]
        },
        {
          "name": "target",
          "description": "Specifies where to display the linked URL.\nOnly applies when an `href` is provided.\nSpecial keywords: `\"_blank\"`, `\"_self\"`, `\"_parent\"`, `\"_top\"`."
        },
        {
          "name": "type",
          "description": "The type of the button.",
          "values": [
            {
              "name": "button"
            },
            {
              "name": "reset"
            },
            {
              "name": "submit"
            }
          ]
        }
      ],
      "references": [
        {
          "name": "Source code",
          "url": "./https:/github.com/bkkr-team/bkkr-framework/tree/master/core/src/components/fab-button/fab-button.tsx"
        }
      ]
    },
    {
      "name": "bkkr-footer",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "collapse",
          "description": "Describes the scroll effect that will be applied to the footer.",
          "values": [
            {
              "name": "fade"
            }
          ]
        },
        {
          "name": "color",
          "description": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"tertiary\"`, `\"success\"`, `\"warning\"`, `\"danger\"`, `\"light\"`, `\"medium\"`, and `\"dark\"`.\nFor more information on colors, see [theming](/docs/theming/basics).",
          "values": [
            {
              "name": "danger"
            },
            {
              "name": "dark"
            },
            {
              "name": "light"
            },
            {
              "name": "medium"
            },
            {
              "name": "primary"
            },
            {
              "name": "secondary"
            },
            {
              "name": "success"
            },
            {
              "name": "tertiary"
            },
            {
              "name": "warning"
            }
          ]
        },
        {
          "name": "position",
          "description": "The position determines where and how the footer behaves.",
          "values": [
            {
              "name": "fixed"
            },
            {
              "name": "floating"
            }
          ]
        }
      ],
      "references": [
        {
          "name": "Source code",
          "url": "./https:/github.com/bkkr-team/bkkr-framework/tree/master/core/src/components/footer/footer.tsx"
        }
      ]
    },
    {
      "name": "bkkr-grid",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "size",
          "description": "The number of the column."
        },
        {
          "name": "size-lg",
          "description": "The number of the column for lg screens."
        },
        {
          "name": "size-md",
          "description": "The number of the column for md screens."
        },
        {
          "name": "size-sm",
          "description": "The number of the column for sm screens."
        },
        {
          "name": "size-xl",
          "description": "The number of the column for xl screens."
        },
        {
          "name": "size-xs",
          "description": "The number of the column for xs screens."
        },
        {
          "name": "size-xxl",
          "description": "The number of the column for xxl screens."
        }
      ],
      "references": [
        {
          "name": "Source code",
          "url": "./https:/github.com/bkkr-team/bkkr-framework/tree/master/core/src/components/grid/grid.tsx"
        }
      ]
    },
    {
      "name": "bkkr-header",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "collapse",
          "description": "Describes the scroll effect that will be applied to the header.",
          "values": [
            {
              "name": "fade"
            }
          ]
        },
        {
          "name": "color",
          "description": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"tertiary\"`, `\"success\"`, `\"warning\"`, `\"danger\"`, `\"light\"`, `\"medium\"`, and `\"dark\"`.\nFor more information on colors, see [theming](/docs/theming/basics).",
          "values": [
            {
              "name": "danger"
            },
            {
              "name": "dark"
            },
            {
              "name": "light"
            },
            {
              "name": "medium"
            },
            {
              "name": "primary"
            },
            {
              "name": "secondary"
            },
            {
              "name": "success"
            },
            {
              "name": "tertiary"
            },
            {
              "name": "warning"
            }
          ]
        }
      ],
      "references": [
        {
          "name": "Source code",
          "url": "./https:/github.com/bkkr-team/bkkr-framework/tree/master/core/src/components/header/header.tsx"
        }
      ]
    },
    {
      "name": "bkkr-icon",
      "description": {
        "kind": "markdown",
        "value": "Icons from Font Awesome:\nGet vector icons and social logos on your website with Font Awesome, the web's most popular icon set and toolkit.\n\nhttps://fontawesome.com/\n\n\nCopyright 2021 Fonticons Inc.\n\nLicensed under [CC BY 4.0 License](https://creativecommons.org/licenses/by/4.0/)"
      },
      "attributes": [
        {
          "name": "color",
          "description": "The color to use for the background of the item.",
          "values": [
            {
              "name": "danger"
            },
            {
              "name": "dark"
            },
            {
              "name": "light"
            },
            {
              "name": "medium"
            },
            {
              "name": "primary"
            },
            {
              "name": "secondary"
            },
            {
              "name": "success"
            },
            {
              "name": "tertiary"
            },
            {
              "name": "warning"
            }
          ]
        },
        {
          "name": "flip-rtl",
          "description": "Specifies whether the icon should horizontally flip when `dir` is `\"rtl\"`."
        },
        {
          "name": "icon",
          "description": "A combination of both `name` and `src`. If a `src` url is detected\nit will set the `src` property. Otherwise it assumes it's a built-in named\nSVG and set the `name` property."
        },
        {
          "name": "lazy",
          "description": "If enabled, bkkr-icon will be loaded lazily when it's visible in the viewport.\nDefault, `false`."
        },
        {
          "name": "name",
          "description": "The name of icons.\nSee all icons on [Fontawesome](https://fontawesome.com/)."
        },
        {
          "name": "sanitize",
          "description": "When set to `false`, SVG content that is HTTP fetched will not be checked\nif the response SVG content has any `<script>` elements, or any attributes\nthat start with `on`, such as `onclick`."
        },
        {
          "name": "size",
          "description": "The icon size.",
          "values": [
            {
              "name": "large"
            },
            {
              "name": "medium"
            },
            {
              "name": "small"
            }
          ]
        },
        {
          "name": "src",
          "description": "Specifies the exact `src` of an SVG file to use."
        },
        {
          "name": "type",
          "description": "The icon size.",
          "values": [
            {
              "name": "brands"
            },
            {
              "name": "solid"
            }
          ]
        }
      ],
      "references": [
        {
          "name": "Source code",
          "url": "./https:/github.com/bkkr-team/bkkr-framework/tree/master/core/src/components/icon/icon.tsx"
        }
      ]
    },
    {
      "name": "bkkr-img",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "alt",
          "description": "This attribute defines the alternative text describing the image.\nUsers will see this text displayed if the image URL is wrong,\nthe image is not in one of the supported formats, or if the image is not yet downloaded."
        },
        {
          "name": "animated",
          "description": "If `true`, the image will appear animated."
        },
        {
          "name": "drag",
          "description": "If true, image will draggable on supported devices."
        },
        {
          "name": "locked",
          "description": "If true, an overlay appears above image, so context menu don't contain 'Save image' option."
        },
        {
          "name": "src",
          "description": "The image URL. This attribute is mandatory for the `<img>` element."
        }
      ],
      "references": [
        {
          "name": "Source code",
          "url": "./https:/github.com/bkkr-team/bkkr-framework/tree/master/core/src/components/img/img.tsx"
        }
      ]
    },
    {
      "name": "bkkr-infinite-scroll",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "animated",
          "description": "Animate loading indication."
        },
        {
          "name": "button-text",
          "description": "Text to display on 'Show more' button.\n`buttonText` can accept either plaintext or HTML as a string.\nTo display characters normally reserved for HTML, they\nmust be escaped. For example `<Bkkr>` would become\n`&lt;Bkkr&gt;`"
        },
        {
          "name": "disabled",
          "description": "If `true`, the infinite scroll will be hidden and scroll event listeners\nwill be removed.\n\nSet this to true to disable the infinite scroll from actively\ntrying to receive new data while scrolling. This is useful\nwhen it is known that there is no more data that can be added, and\nthe infinite scroll is no longer needed."
        },
        {
          "name": "href",
          "description": "Contains a URL or a URL fragment that the hyperlink points to."
        },
        {
          "name": "infinite",
          "description": "Enable  infinite loading."
        },
        {
          "name": "items",
          "description": "Number of items."
        },
        {
          "name": "length",
          "description": "Length of the page."
        },
        {
          "name": "loading-text",
          "description": "Optional text to display while loading.\n`loadingText` can accept either plaintext or HTML as a string.\nTo display characters normally reserved for HTML, they\nmust be escaped. For example `<Bkkr>` would become\n`&lt;Bkkr&gt;`"
        },
        {
          "name": "page",
          "description": "The currently displayed page."
        },
        {
          "name": "position",
          "description": "The position of the infinite scroll element.\nThe value can be either `top` or `bottom`.",
          "values": [
            {
              "name": "bottom"
            },
            {
              "name": "top"
            }
          ]
        },
        {
          "name": "spinner",
          "description": "An animated SVG spinner that shows while loading.",
          "values": [
            {
              "name": "circles"
            },
            {
              "name": "circular"
            },
            {
              "name": "crescent"
            },
            {
              "name": "dots"
            },
            {
              "name": "lines"
            },
            {
              "name": "lines-sharp"
            },
            {
              "name": "lines-sharp-small"
            },
            {
              "name": "lines-small"
            }
          ]
        },
        {
          "name": "threshold",
          "description": "The threshold distance from the bottom\nof the content to call the `infinite` output event when scrolled.\nThe threshold value can be either a percent, or\nin pixels. For example, use the value of `10%` for the `infinite`\noutput event to get called when the user has scrolled 10%\nfrom the bottom of the page. Use the value `100px` when the\nscroll is within 100 pixels from the bottom of the page."
        },
        {
          "name": "toolbar",
          "description": "Show or hide the toolbar of pagination element."
        }
      ],
      "references": [
        {
          "name": "Source code",
          "url": "./https:/github.com/bkkr-team/bkkr-framework/tree/master/core/src/components/infinite-scroll/infinite-scroll.tsx"
        }
      ]
    },
    {
      "name": "bkkr-input",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "accept",
          "description": "If the value of the type attribute is `\"file\"`, then this attribute will indicate the types of files that the server accepts, otherwise it will be ignored. The value must be a comma-separated list of unique content type specifiers."
        },
        {
          "name": "autocapitalize",
          "description": "Indicates whether and how the text value should be automatically capitalized as it is entered/edited by the user.\nAvailable options: `\"off\"`, `\"none\"`, `\"on\"`, `\"sentences\"`, `\"words\"`, `\"characters\"`."
        },
        {
          "name": "autocomplete",
          "description": "Indicates whether the value of the control can be automatically completed by the browser.",
          "values": [
            {
              "name": "name"
            },
            {
              "name": "on"
            },
            {
              "name": "off"
            },
            {
              "name": "honorific-prefix"
            },
            {
              "name": "given-name"
            },
            {
              "name": "additional-name"
            },
            {
              "name": "family-name"
            },
            {
              "name": "honorific-suffix"
            },
            {
              "name": "nickname"
            },
            {
              "name": "email"
            },
            {
              "name": "username"
            },
            {
              "name": "new-password"
            },
            {
              "name": "current-password"
            },
            {
              "name": "one-time-code"
            },
            {
              "name": "organization-title"
            },
            {
              "name": "organization"
            },
            {
              "name": "street-address"
            },
            {
              "name": "address-line1"
            },
            {
              "name": "address-line2"
            },
            {
              "name": "address-line3"
            },
            {
              "name": "address-level4"
            },
            {
              "name": "address-level3"
            },
            {
              "name": "address-level2"
            },
            {
              "name": "address-level1"
            },
            {
              "name": "country"
            },
            {
              "name": "country-name"
            },
            {
              "name": "postal-code"
            },
            {
              "name": "cc-name"
            },
            {
              "name": "cc-given-name"
            },
            {
              "name": "cc-additional-name"
            },
            {
              "name": "cc-family-name"
            },
            {
              "name": "cc-number"
            },
            {
              "name": "cc-exp"
            },
            {
              "name": "cc-exp-month"
            },
            {
              "name": "cc-exp-year"
            },
            {
              "name": "cc-csc"
            },
            {
              "name": "cc-type"
            },
            {
              "name": "transaction-currency"
            },
            {
              "name": "transaction-amount"
            },
            {
              "name": "language"
            },
            {
              "name": "bday"
            },
            {
              "name": "bday-day"
            },
            {
              "name": "bday-month"
            },
            {
              "name": "bday-year"
            },
            {
              "name": "sex"
            },
            {
              "name": "tel"
            },
            {
              "name": "tel-country-code"
            },
            {
              "name": "tel-national"
            },
            {
              "name": "tel-area-code"
            },
            {
              "name": "tel-local"
            },
            {
              "name": "tel-extension"
            },
            {
              "name": "impp"
            },
            {
              "name": "url"
            },
            {
              "name": "photo"
            }
          ]
        },
        {
          "name": "autocorrect",
          "description": "Whether auto correction should be enabled when the user is entering/editing the text value.",
          "values": [
            {
              "name": "off"
            },
            {
              "name": "on"
            }
          ]
        },
        {
          "name": "autofocus",
          "description": "This Boolean attribute lets you specify that a form control should have input focus when the page loads."
        },
        {
          "name": "clear-input",
          "description": "If `true`, a clear icon will appear in the input when there is a value. Clicking it clears the input."
        },
        {
          "name": "clear-on-edit",
          "description": "If `true`, the value will be cleared after focus upon edit. Defaults to `true` when `type` is `\"password\"`, `false` for all other types."
        },
        {
          "name": "color",
          "description": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"tertiary\"`, `\"success\"`, `\"warning\"`, `\"danger\"`, `\"light\"`, `\"medium\"`, and `\"dark\"`.\nFor more information on colors, see [theming](/docs/theming/basics).",
          "values": [
            {
              "name": "danger"
            },
            {
              "name": "dark"
            },
            {
              "name": "light"
            },
            {
              "name": "medium"
            },
            {
              "name": "primary"
            },
            {
              "name": "secondary"
            },
            {
              "name": "success"
            },
            {
              "name": "tertiary"
            },
            {
              "name": "warning"
            }
          ]
        },
        {
          "name": "debounce",
          "description": "Set the amount of time, in milliseconds, to wait to trigger the `ionChange` event after each keystroke. This also impacts form bindings such as `ngModel` or `v-model`."
        },
        {
          "name": "disabled",
          "description": "If `true`, the user cannot interact with the input."
        },
        {
          "name": "enterkeyhint",
          "description": "A hint to the browser for which enter key to display.\nPossible values: `\"enter\"`, `\"done\"`, `\"go\"`, `\"next\"`,\n`\"previous\"`, `\"search\"`, and `\"send\"`.",
          "values": [
            {
              "name": "done"
            },
            {
              "name": "enter"
            },
            {
              "name": "go"
            },
            {
              "name": "next"
            },
            {
              "name": "previous"
            },
            {
              "name": "search"
            },
            {
              "name": "send"
            }
          ]
        },
        {
          "name": "inputmode",
          "description": "A hint to the browser for which keyboard to display.\nPossible values: `\"none\"`, `\"text\"`, `\"tel\"`, `\"url\"`,\n`\"email\"`, `\"numeric\"`, `\"decimal\"`, and `\"search\"`.",
          "values": [
            {
              "name": "decimal"
            },
            {
              "name": "email"
            },
            {
              "name": "none"
            },
            {
              "name": "numeric"
            },
            {
              "name": "search"
            },
            {
              "name": "tel"
            },
            {
              "name": "text"
            },
            {
              "name": "url"
            }
          ]
        },
        {
          "name": "max",
          "description": "The maximum value, which must not be less than its minimum (min attribute) value."
        },
        {
          "name": "maxlength",
          "description": "If the value of the type attribute is `text`, `email`, `search`, `password`, `tel`, or `url`, this attribute specifies the maximum number of characters that the user can enter."
        },
        {
          "name": "min",
          "description": "The minimum value, which must not be greater than its maximum (max attribute) value."
        },
        {
          "name": "minlength",
          "description": "If the value of the type attribute is `text`, `email`, `search`, `password`, `tel`, or `url`, this attribute specifies the minimum number of characters that the user can enter."
        },
        {
          "name": "multiple",
          "description": "If `true`, the user can enter more than one value. This attribute applies when the type attribute is set to `\"email\"` or `\"file\"`, otherwise it is ignored."
        },
        {
          "name": "name",
          "description": "The name of the control, which is submitted with the form data."
        },
        {
          "name": "pattern",
          "description": "A regular expression that the value is checked against. The pattern must match the entire value, not just some subset. Use the title attribute to describe the pattern to help the user. This attribute applies when the value of the type attribute is `\"text\"`, `\"search\"`, `\"tel\"`, `\"url\"`, `\"email\"`, `\"date\"`, or `\"password\"`, otherwise it is ignored. When the type attribute is `\"date\"`, `pattern` will only be used in browsers that do not support the `\"date\"` input type natively. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date for more information."
        },
        {
          "name": "placeholder",
          "description": "Instructional text that shows before the input has a value."
        },
        {
          "name": "readonly",
          "description": "If `true`, the user cannot modify the value."
        },
        {
          "name": "required",
          "description": "If `true`, the user must fill in a value before submitting a form."
        },
        {
          "name": "size",
          "description": "The initial size of the control. This value is in pixels unless the value of the type attribute is `\"text\"` or `\"password\"`, in which case it is an integer number of characters. This attribute applies only when the `type` attribute is set to `\"text\"`, `\"search\"`, `\"tel\"`, `\"url\"`, `\"email\"`, or `\"password\"`, otherwise it is ignored."
        },
        {
          "name": "spellcheck",
          "description": "If `true`, the element will have its spelling and grammar checked."
        },
        {
          "name": "step",
          "description": "Works with the min and max attributes to limit the increments at which a value can be set.\nPossible values are: `\"any\"` or a positive floating point number."
        },
        {
          "name": "type",
          "description": "The type of control to display. The default type is text.",
          "values": [
            {
              "name": "date"
            },
            {
              "name": "datetime-local"
            },
            {
              "name": "email"
            },
            {
              "name": "month"
            },
            {
              "name": "number"
            },
            {
              "name": "password"
            },
            {
              "name": "search"
            },
            {
              "name": "tel"
            },
            {
              "name": "text"
            },
            {
              "name": "time"
            },
            {
              "name": "url"
            },
            {
              "name": "week"
            }
          ]
        },
        {
          "name": "value",
          "description": "The value of the input."
        }
      ],
      "references": [
        {
          "name": "Source code",
          "url": "./https:/github.com/bkkr-team/bkkr-framework/tree/master/core/src/components/input/input.tsx"
        }
      ]
    },
    {
      "name": "bkkr-item",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "button",
          "description": "If `true`, a button tag will be rendered and the item will be tappable."
        },
        {
          "name": "color",
          "description": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"tertiary\"`, `\"success\"`, `\"warning\"`, `\"danger\"`, `\"light\"`, `\"medium\"`, and `\"dark\"`.\nFor more information on colors, see [theming](/docs/theming/basics).",
          "values": [
            {
              "name": "danger"
            },
            {
              "name": "dark"
            },
            {
              "name": "light"
            },
            {
              "name": "medium"
            },
            {
              "name": "primary"
            },
            {
              "name": "secondary"
            },
            {
              "name": "success"
            },
            {
              "name": "tertiary"
            },
            {
              "name": "warning"
            }
          ]
        },
        {
          "name": "counter",
          "description": "If `true`, a character counter will display the ratio of characters used and the total character limit. Only applies when the `maxlength` property is set on the inner `bkkr-input` or `bkkr-textarea`."
        },
        {
          "name": "detail",
          "description": "If `true`, a detail arrow will appear on the item. Defaults to `false` unless the `mode`\nis `ios` and an `href` or `button` property is present."
        },
        {
          "name": "detail-icon",
          "description": "The icon to use when `detail` is set to `true`."
        },
        {
          "name": "disabled",
          "description": "If `true`, the user cannot interact with the item."
        },
        {
          "name": "download",
          "description": "This attribute instructs browsers to download a URL instead of navigating to\nit, so the user will be prompted to save it as a local file. If the attribute\nhas a value, it is used as the pre-filled file name in the Save prompt\n(the user can still change the file name if they want)."
        },
        {
          "name": "fill",
          "description": "The fill for the item. If `'solid'` the item will have a background. If\n`'outline'` the item will be transparent with a border.",
          "values": [
            {
              "name": "outline"
            },
            {
              "name": "solid"
            }
          ]
        },
        {
          "name": "href",
          "description": "Contains a URL or a URL fragment that the hyperlink points to.\nIf this property is set, an anchor tag will be rendered."
        },
        {
          "name": "lines",
          "description": "How the bottom border should be displayed on the item.",
          "values": [
            {
              "name": "full"
            },
            {
              "name": "inset"
            },
            {
              "name": "none"
            }
          ]
        },
        {
          "name": "rel",
          "description": "Specifies the relationship of the target object to the link object.\nThe value is a space-separated list of [link types](https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types)."
        },
        {
          "name": "router-direction",
          "description": "When using a router, it specifies the transition direction when navigating to\nanother page using `href`.",
          "values": [
            {
              "name": "back"
            },
            {
              "name": "forward"
            },
            {
              "name": "root"
            }
          ]
        },
        {
          "name": "shape",
          "description": "The shape of the item. If \"round\" it will have increased\nborder radius.",
          "values": [
            {
              "name": "round"
            }
          ]
        },
        {
          "name": "target",
          "description": "Specifies where to display the linked URL.\nOnly applies when an `href` is provided.\nSpecial keywords: `\"_blank\"`, `\"_self\"`, `\"_parent\"`, `\"_top\"`."
        },
        {
          "name": "type",
          "description": "The type of the button. Only used when an `onclick` or `button` property is present.",
          "values": [
            {
              "name": "button"
            },
            {
              "name": "reset"
            },
            {
              "name": "submit"
            }
          ]
        }
      ],
      "references": [
        {
          "name": "Source code",
          "url": "./https:/github.com/bkkr-team/bkkr-framework/tree/master/core/src/components/item/item.tsx"
        }
      ]
    },
    {
      "name": "bkkr-label",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "color",
          "description": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"tertiary\"`, `\"success\"`, `\"warning\"`, `\"danger\"`, `\"light\"`, `\"medium\"`, and `\"dark\"`.\nFor more information on colors, see [theming](/docs/theming/basics).",
          "values": [
            {
              "name": "danger"
            },
            {
              "name": "dark"
            },
            {
              "name": "light"
            },
            {
              "name": "medium"
            },
            {
              "name": "primary"
            },
            {
              "name": "secondary"
            },
            {
              "name": "success"
            },
            {
              "name": "tertiary"
            },
            {
              "name": "warning"
            }
          ]
        },
        {
          "name": "position",
          "description": "The position determines where and how the label behaves inside an item.",
          "values": [
            {
              "name": "fixed"
            },
            {
              "name": "floating"
            },
            {
              "name": "stacked"
            }
          ]
        }
      ],
      "references": [
        {
          "name": "Source code",
          "url": "./https:/github.com/bkkr-team/bkkr-framework/tree/master/core/src/components/label/label.tsx"
        }
      ]
    },
    {
      "name": "bkkr-list",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "inset",
          "description": "If `true`, the list will have margin around it and rounded corners."
        },
        {
          "name": "lines",
          "description": "How the bottom border should be displayed on all items.",
          "values": [
            {
              "name": "full"
            },
            {
              "name": "inset"
            },
            {
              "name": "none"
            }
          ]
        }
      ],
      "references": [
        {
          "name": "Source code",
          "url": "./https:/github.com/bkkr-team/bkkr-framework/tree/master/core/src/components/list/list.tsx"
        }
      ]
    },
    {
      "name": "bkkr-list-header",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [],
      "references": [
        {
          "name": "Source code",
          "url": "./https:/github.com/bkkr-team/bkkr-framework/tree/master/core/src/components/list-header/list-header.tsx"
        }
      ]
    },
    {
      "name": "bkkr-loading",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "animated",
          "description": "If `true`, the loading will animate."
        },
        {
          "name": "color",
          "description": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"tertiary\"`, `\"success\"`, `\"warning\"`, `\"danger\"`, `\"light\"`, `\"medium\"`, and `\"dark\"`.\nFor more information on colors, see [theming](/docs/theming/basics).",
          "values": [
            {
              "name": "danger"
            },
            {
              "name": "dark"
            },
            {
              "name": "light"
            },
            {
              "name": "medium"
            },
            {
              "name": "primary"
            },
            {
              "name": "secondary"
            },
            {
              "name": "success"
            },
            {
              "name": "tertiary"
            },
            {
              "name": "warning"
            }
          ]
        },
        {
          "name": "css-class",
          "description": "Additional classes to apply for custom CSS. If multiple classes are\nprovided they should be separated by spaces."
        },
        {
          "name": "keyboard-close",
          "description": "If `true`, the keyboard will be automatically dismissed when the overlay is presented."
        },
        {
          "name": "position",
          "description": "The position of the loading on the screen.",
          "values": [
            {
              "name": "bottom"
            },
            {
              "name": "middle"
            },
            {
              "name": "top"
            }
          ]
        },
        {
          "name": "spinner",
          "description": "The type of spinner being used in loader.",
          "values": [
            {
              "name": "circles"
            },
            {
              "name": "circular"
            },
            {
              "name": "crescent"
            },
            {
              "name": "dots"
            },
            {
              "name": "lines"
            },
            {
              "name": "lines-sharp"
            },
            {
              "name": "lines-sharp-small"
            },
            {
              "name": "lines-small"
            }
          ]
        }
      ],
      "references": [
        {
          "name": "Source code",
          "url": "./https:/github.com/bkkr-team/bkkr-framework/tree/master/core/src/components/loading/loading.tsx"
        }
      ]
    },
    {
      "name": "bkkr-menu",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "content-id",
          "description": "The content's id the menu should use."
        },
        {
          "name": "disabled",
          "description": "If `true`, the menu is disabled."
        },
        {
          "name": "fullscreen",
          "description": "Set `true` to display menu in fullscreen."
        },
        {
          "name": "max-edge-start",
          "description": "The edge threshold for dragging the menu open.\nIf a drag/swipe happens over this value, the menu is not triggered."
        },
        {
          "name": "menu-id",
          "description": "An id for the menu."
        },
        {
          "name": "side",
          "description": "Which side of the view the menu should be placed.",
          "values": [
            {
              "name": "end"
            },
            {
              "name": "start"
            }
          ]
        },
        {
          "name": "swipe-gesture",
          "description": "If `true`, swiping the menu is enabled."
        },
        {
          "name": "type",
          "description": "The display type of the menu.\nAvailable options: `\"overlay\"`, `\"reveal\"`, `\"push\"`.",
          "values": [
            {
              "name": "overlay"
            },
            {
              "name": "push"
            },
            {
              "name": "reveal"
            }
          ]
        }
      ],
      "references": [
        {
          "name": "Source code",
          "url": "./https:/github.com/bkkr-team/bkkr-framework/tree/master/core/src/components/menu/menu.tsx"
        }
      ]
    },
    {
      "name": "bkkr-menu-toggle",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "auto-hide",
          "description": "Automatically hides the content when the corresponding menu is not active.\n\nBy default, it's `true`. Change it to `false` in order to\nkeep bkkr-menu-toggle` always visible regardless the state of the menu."
        },
        {
          "name": "menu",
          "description": "Optional property that maps to a Menu's `menuId` prop.\nCan also be `start` or `end` for the menu side.\nThis is used to find the correct menu to toggle.\n\nIf this property is not used, `bkkr-menu-toggle` will toggle the\nfirst menu that is active."
        }
      ],
      "references": [
        {
          "name": "Source code",
          "url": "./https:/github.com/bkkr-team/bkkr-framework/tree/master/core/src/components/menu-toggle/menu-toggle.tsx"
        }
      ]
    },
    {
      "name": "bkkr-modal",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "animated",
          "description": "If `true`, the modal will animate."
        },
        {
          "name": "backdrop-breakpoint",
          "description": "A decimal value between 0 and 1 that indicates the\npoint after which the backdrop will begin to fade in\nwhen using a sheet modal. Prior to this point, the\nbackdrop will be hidden and the content underneath\nthe sheet can be interacted with. This value is exclusive\nmeaning the backdrop will become active after the value\nspecified."
        },
        {
          "name": "backdrop-dismiss",
          "description": "If `true`, the modal will be dismissed when the backdrop is clicked."
        },
        {
          "name": "can-dismiss",
          "description": "Determines whether or not a modal can dismiss\nwhen calling the `dismiss` method.\n\nIf the value is `true` or the value's function returns `true`, the modal will close when trying to dismiss.\nIf the value is `false` or the value's function returns `false`, the modal will not close when trying to dismiss."
        },
        {
          "name": "close-button",
          "description": "If `true`, the modal will have a close button on large screens."
        },
        {
          "name": "close-icon",
          "description": "The icon to use when `closeButton` is set to `true`."
        },
        {
          "name": "duration",
          "description": "How many milliseconds to wait before hiding the drawer. By default, it won't disappear."
        },
        {
          "name": "gesture-direction",
          "description": "Additional attributes to pass to the modal.",
          "values": [
            {
              "name": "x"
            },
            {
              "name": "y"
            }
          ]
        },
        {
          "name": "handle",
          "description": "The horizontal line that displays at the top of a sheet modal. It is `true` by default when\nsetting the `breakpoints` and `initialBreakpoint` properties."
        },
        {
          "name": "handle-behavior",
          "description": "The interaction behavior for the sheet modal when the handle is pressed.\n\nDefaults to `\"none\"`, which  means the modal will not change size or position when the handle is pressed.\nSet to `\"cycle\"` to let the modal cycle between available breakpoints when pressed.\n\nHandle behavior is unavailable when the `handle` property is set to `false` or\nwhen the `breakpoints` property is not set (using a fullscreen or card modal).",
          "values": [
            {
              "name": "cycle"
            },
            {
              "name": "none"
            }
          ]
        },
        {
          "name": "initial-breakpoint",
          "description": "A decimal value between 0 and 1 that indicates the\ninitial point the modal will open at when creating a\nsheet modal. This value must also be listed in the\n`breakpoints` array."
        },
        {
          "name": "is-open",
          "description": "If `true`, the modal will open. If `false`, the modal will close.\nUse this if you need finer grained control over presentation, otherwise\njust use the modalController or the `trigger` property.\nNote: `isOpen` will not automatically be set back to `false` when\nthe modal dismisses. You will need to do that in your code."
        },
        {
          "name": "keep-contents-mounted",
          "description": "If `true`, the component passed into `bkkr-modal` will\nautomatically be mounted when the modal is created. The\ncomponent will remain mounted even when the modal is dismissed.\nHowever, the component will be destroyed when the modal is\ndestroyed. This property is not reactive and should only be\nused when initially creating a modal.\n\nNote: This feature only applies to inline modals in JavaScript\nframeworks such as Angular, React, and Vue."
        },
        {
          "name": "keyboard-close",
          "description": "If `true`, the keyboard will be automatically dismissed when the overlay is presented."
        },
        {
          "name": "show-backdrop",
          "description": "If `true`, a backdrop will be displayed behind the modal.\nThis property controls whether or not the backdrop\ndarkens the screen when the modal is presented.\nIt does not control whether or not the backdrop\nis active or present in the DOM."
        },
        {
          "name": "swipe-to-close",
          "description": "If `true`, the modal can be swiped to dismiss."
        },
        {
          "name": "trigger",
          "description": "An ID corresponding to the trigger element that\ncauses the modal to open when clicked."
        }
      ],
      "references": [
        {
          "name": "Source code",
          "url": "./https:/github.com/bkkr-team/bkkr-framework/tree/master/core/src/components/modal/modal.tsx"
        }
      ]
    },
    {
      "name": "bkkr-nav",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "disabled",
          "description": "If `true`, the user cannot interact with the nav button."
        },
        {
          "name": "download",
          "description": "This attribute instructs browsers to download a URL instead of navigating to\nit, so the user will be prompted to save it as a local file. If the attribute\nhas a value, it is used as the pre-filled file name in the Save prompt\n(the user can still change the file name if they want)."
        },
        {
          "name": "href",
          "description": "Contains a URL or a URL fragment that the hyperlink points to.\nIf this property is set, an anchor tag will be rendered."
        },
        {
          "name": "layout",
          "description": "Set the layout of the text and icon in the nav bar.\nIt defaults to `'icon-top'`.",
          "values": [
            {
              "name": "icon-bottom"
            },
            {
              "name": "icon-end"
            },
            {
              "name": "icon-hide"
            },
            {
              "name": "icon-start"
            },
            {
              "name": "icon-top"
            },
            {
              "name": "label-hide"
            }
          ]
        },
        {
          "name": "nav",
          "description": "A nav id for each `bkkr-tabs`. It's used internally to reference\nthe selected nav."
        },
        {
          "name": "rel",
          "description": "Specifies the relationship of the target object to the link object.\nThe value is a space-separated list of [link types](https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types)."
        },
        {
          "name": "selected",
          "description": "The selected nav component"
        },
        {
          "name": "target",
          "description": "Specifies where to display the linked URL.\nOnly applies when an `href` is provided.\nSpecial keywords: `\"_blank\"`, `\"_self\"`, `\"_parent\"`, `\"_top\"`."
        }
      ],
      "references": [
        {
          "name": "Source code",
          "url": "./https:/github.com/bkkr-team/bkkr-framework/tree/master/core/src/components/nav/nav.tsx"
        }
      ]
    },
    {
      "name": "bkkr-navs",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "color",
          "description": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"tertiary\"`, `\"success\"`, `\"warning\"`, `\"danger\"`, `\"light\"`, `\"medium\"`, and `\"dark\"`.\nFor more information on colors, see [theming](/docs/theming/basics).",
          "values": [
            {
              "name": "danger"
            },
            {
              "name": "dark"
            },
            {
              "name": "light"
            },
            {
              "name": "medium"
            },
            {
              "name": "primary"
            },
            {
              "name": "secondary"
            },
            {
              "name": "success"
            },
            {
              "name": "tertiary"
            },
            {
              "name": "warning"
            }
          ]
        },
        {
          "name": "selected-nav",
          "description": "The selected nav component"
        }
      ],
      "references": [
        {
          "name": "Source code",
          "url": "./https:/github.com/bkkr-team/bkkr-framework/tree/master/core/src/components/navs/navs.tsx"
        }
      ]
    },
    {
      "name": "bkkr-note",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "animated",
          "description": "If `true`, the error note will appear animated."
        },
        {
          "name": "color",
          "description": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"tertiary\"`, `\"success\"`, `\"warning\"`, `\"danger\"`, `\"light\"`, `\"medium\"`, and `\"dark\"`.\nFor more information on colors, see [theming](/docs/theming/basics).",
          "values": [
            {
              "name": "danger"
            },
            {
              "name": "dark"
            },
            {
              "name": "light"
            },
            {
              "name": "medium"
            },
            {
              "name": "primary"
            },
            {
              "name": "secondary"
            },
            {
              "name": "success"
            },
            {
              "name": "tertiary"
            },
            {
              "name": "warning"
            }
          ]
        }
      ],
      "references": [
        {
          "name": "Source code",
          "url": "./https:/github.com/bkkr-team/bkkr-framework/tree/master/core/src/components/note/note.tsx"
        }
      ]
    },
    {
      "name": "bkkr-paginator",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "animated",
          "description": "Animate loading indication."
        },
        {
          "name": "arrow-icon",
          "description": "Arrow icon beign used on next and previous buttons."
        },
        {
          "name": "change-length",
          "description": "Set true, to adjustable page size."
        },
        {
          "name": "disabled",
          "description": "If `true`, the paginator will be hidden and scroll event listeners\nwill be removed.\n\nSet this to true to disable the paginator from actively\ntrying to receive new data while scrolling. This is useful\nwhen it is known that there is no more data that can be added, and\nthe paginator is no longer needed."
        },
        {
          "name": "href",
          "description": "Contains a URL or a URL fragment that the hyperlink points to."
        },
        {
          "name": "items",
          "description": "Number of items."
        },
        {
          "name": "length",
          "description": "Length of the page."
        },
        {
          "name": "loading-text",
          "description": "Optional text to display while loading.\n`loadingText` can accept either plaintext or HTML as a string.\nTo display characters normally reserved for HTML, they\nmust be escaped. For example `<Bkkr>` would become\n`&lt;Bkkr&gt;`"
        },
        {
          "name": "loading-type",
          "description": "Type of loading animation",
          "values": [
            {
              "name": "ambient"
            },
            {
              "name": "spinner"
            }
          ]
        },
        {
          "name": "page",
          "description": "The currently displayed page."
        },
        {
          "name": "router-direction",
          "description": "When using a router, it specifies the transition direction when navigating to\nanother page using `href`.",
          "values": [
            {
              "name": "back"
            },
            {
              "name": "forward"
            },
            {
              "name": "root"
            }
          ]
        },
        {
          "name": "spinner",
          "description": "An animated SVG spinner that shows while loading.",
          "values": [
            {
              "name": "circles"
            },
            {
              "name": "circular"
            },
            {
              "name": "crescent"
            },
            {
              "name": "dots"
            },
            {
              "name": "lines"
            },
            {
              "name": "lines-sharp"
            },
            {
              "name": "lines-sharp-small"
            },
            {
              "name": "lines-small"
            }
          ]
        },
        {
          "name": "status-text",
          "description": "Set the the status text."
        },
        {
          "name": "toolbar",
          "description": "Show or hide the toolbar of pagination element."
        }
      ],
      "references": [
        {
          "name": "Source code",
          "url": "./https:/github.com/bkkr-team/bkkr-framework/tree/master/core/src/components/paginator/paginator.tsx"
        }
      ]
    },
    {
      "name": "bkkr-popover",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "alignment",
          "description": "Describes how to align the popover content with the `reference` point.\nDefaults to `'center'`.",
          "values": [
            {
              "name": "center"
            },
            {
              "name": "end"
            },
            {
              "name": "start"
            }
          ]
        },
        {
          "name": "animated",
          "description": "If `true`, the popover will animate."
        },
        {
          "name": "arrow",
          "description": "If `true`, the popover will display an arrow that points at the\n`reference`."
        },
        {
          "name": "backdrop-dismiss",
          "description": "If `true`, the popover will be dismissed when the backdrop is clicked."
        },
        {
          "name": "component",
          "description": "The component to display inside of the popover.\nYou only need to use this if you are not using\na JavaScript framework. Otherwise, you can just\nslot your component inside of `bkkr-popover`."
        },
        {
          "name": "dismiss-on-select",
          "description": "If `true`, the popover will be automatically\ndismissed when the content has been clicked."
        },
        {
          "name": "event",
          "description": "The event to pass to the popover animation."
        },
        {
          "name": "is-open",
          "description": "If `true`, the popover will open. If `false`, the popover will close.\nUse this if you need finer grained control over presentation, otherwise\njust use the popoverController or the `trigger` property.\nNote: `isOpen` will not automatically be set back to `false` when\nthe popover dismisses. You will need to do that in your code."
        },
        {
          "name": "keep-contents-mounted",
          "description": "If `true`, the component passed into `bkkr-popover` will\nautomatically be mounted when the modal is created. The\ncomponent will remain mounted even when the modal is dismissed.\nHowever, the component will be destroyed when the modal is\ndestroyed. This property is not reactive and should only be\nused when initially creating a modal.\n\nNote: This feature only applies to inline modals in JavaScript\nframeworks such as Angular, React, and Vue."
        },
        {
          "name": "keyboard-close",
          "description": "If `true`, the keyboard will be automatically dismissed when the overlay is presented."
        },
        {
          "name": "reference",
          "description": "Describes what to position the popover relative to.\nIf `'trigger'`, the popover will be positioned relative\nto the trigger button. If passing in an event, this is\ndetermined via event.target.\nIf `'event'`, the popover will be positioned relative\nto the x/y coordinates of the trigger action. If passing\nin an event, this is determined via event.clientX and event.clientY.",
          "values": [
            {
              "name": "event"
            },
            {
              "name": "trigger"
            }
          ]
        },
        {
          "name": "show-backdrop",
          "description": "If `true`, a backdrop will be displayed behind the popover.\nThis property controls whether or not the backdrop\ndarkens the screen when the popover is presented.\nIt does not control whether or not the backdrop\nis active or present in the DOM."
        },
        {
          "name": "side",
          "description": "Describes which side of the `reference` point to position\nthe popover on. The `'start'` and `'end'` values are RTL-aware,\nand the `'left'` and `'right'` values are not.",
          "values": [
            {
              "name": "bottom"
            },
            {
              "name": "end"
            },
            {
              "name": "left"
            },
            {
              "name": "right"
            },
            {
              "name": "start"
            },
            {
              "name": "top"
            }
          ]
        },
        {
          "name": "size",
          "description": "Describes how to calculate the popover width.\nIf `'cover'`, the popover width will match the width of the trigger.\nIf `'auto'`, the popover width will be determined by the content in\nthe popover.",
          "values": [
            {
              "name": "auto"
            },
            {
              "name": "cover"
            }
          ]
        },
        {
          "name": "trigger",
          "description": "An ID corresponding to the trigger element that\ncauses the popover to open. Use the `trigger-action`\nproperty to customize the interaction that results in\nthe popover opening."
        },
        {
          "name": "trigger-action",
          "description": "Describes what kind of interaction with the trigger that\nshould cause the popover to open. Does not apply when the `trigger`\nproperty is `undefined`.\nIf `'click'`, the popover will be presented when the trigger is left clicked.\nIf `'hover'`, the popover will be presented when a pointer hovers over the trigger.\nIf `'context-menu'`, the popover will be presented when the trigger is right\nclicked on desktop and long pressed on mobile. This will also prevent your\ndevice's normal context menu from appearing.",
          "values": [
            {
              "name": "click"
            },
            {
              "name": "context-menu"
            },
            {
              "name": "hover"
            }
          ]
        }
      ],
      "references": [
        {
          "name": "Source code",
          "url": "./https:/github.com/bkkr-team/bkkr-framework/tree/master/core/src/components/popover/popover.tsx"
        }
      ]
    },
    {
      "name": "bkkr-progress-bar",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "buffer",
          "description": "If the buffer and value are smaller than 1, the buffer circles will show.\nThe buffer should be between [0, 1]."
        },
        {
          "name": "color",
          "description": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"tertiary\"`, `\"success\"`, `\"warning\"`, `\"danger\"`, `\"light\"`, `\"medium\"`, and `\"dark\"`.\nFor more information on colors, see [theming](/docs/theming/basics).",
          "values": [
            {
              "name": "danger"
            },
            {
              "name": "dark"
            },
            {
              "name": "light"
            },
            {
              "name": "medium"
            },
            {
              "name": "primary"
            },
            {
              "name": "secondary"
            },
            {
              "name": "success"
            },
            {
              "name": "tertiary"
            },
            {
              "name": "warning"
            }
          ]
        },
        {
          "name": "reversed",
          "description": "If true, reverse the progress bar direction."
        },
        {
          "name": "type",
          "description": "The state of the progress bar, based on if the time the process takes is known or not.\nDefault options are: `\"determinate\"` (no animation), `\"indeterminate\"` (animate from left to right).",
          "values": [
            {
              "name": "determinate"
            },
            {
              "name": "indeterminate"
            }
          ]
        },
        {
          "name": "value",
          "description": "The value determines how much of the active bar should display when the\n`type` is `\"determinate\"`.\nThe value should be between [0, 1]."
        }
      ],
      "references": [
        {
          "name": "Source code",
          "url": "./https:/github.com/bkkr-team/bkkr-framework/tree/master/core/src/components/progress-bar/progress-bar.tsx"
        }
      ]
    },
    {
      "name": "bkkr-radio",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "color",
          "description": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"tertiary\"`, `\"success\"`, `\"warning\"`, `\"danger\"`, `\"light\"`, `\"medium\"`, and `\"dark\"`.\nFor more information on colors, see [theming](/docs/theming/basics).",
          "values": [
            {
              "name": "danger"
            },
            {
              "name": "dark"
            },
            {
              "name": "light"
            },
            {
              "name": "medium"
            },
            {
              "name": "primary"
            },
            {
              "name": "secondary"
            },
            {
              "name": "success"
            },
            {
              "name": "tertiary"
            },
            {
              "name": "warning"
            }
          ]
        },
        {
          "name": "disabled",
          "description": "If `true`, the user cannot interact with the radio."
        },
        {
          "name": "name",
          "description": "The name of the control, which is submitted with the form data."
        },
        {
          "name": "value",
          "description": "the value of the radio."
        }
      ],
      "references": [
        {
          "name": "Source code",
          "url": "./https:/github.com/bkkr-team/bkkr-framework/tree/master/core/src/components/radio/radio.tsx"
        }
      ]
    },
    {
      "name": "bkkr-radio-group",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "allow-empty-selection",
          "description": "If `false`, the radios cannot be deselected."
        },
        {
          "name": "name",
          "description": "The name of the control, which is submitted with the form data."
        },
        {
          "name": "value",
          "description": "the value of the radio group."
        }
      ],
      "references": [
        {
          "name": "Source code",
          "url": "./https:/github.com/bkkr-team/bkkr-framework/tree/master/core/src/components/radio-group/radio-group.tsx"
        }
      ]
    },
    {
      "name": "bkkr-range",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "active-bar-start",
          "description": "The start position of the range active bar. This feature is only available with a single knob (dualKnobs=\"false\").\nValid values are greater than or equal to the min value and less than or equal to the max value."
        },
        {
          "name": "color",
          "description": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"tertiary\"`, `\"success\"`, `\"warning\"`, `\"danger\"`, `\"light\"`, `\"medium\"`, and `\"dark\"`.\nFor more information on colors, see [theming](/docs/theming/basics).",
          "values": [
            {
              "name": "danger"
            },
            {
              "name": "dark"
            },
            {
              "name": "light"
            },
            {
              "name": "medium"
            },
            {
              "name": "primary"
            },
            {
              "name": "secondary"
            },
            {
              "name": "success"
            },
            {
              "name": "tertiary"
            },
            {
              "name": "warning"
            }
          ]
        },
        {
          "name": "debounce",
          "description": "How long, in milliseconds, to wait to trigger the\n`ionChange` event after each change in the range value.\nThis also impacts form bindings such as `ngModel` or `v-model`."
        },
        {
          "name": "disabled",
          "description": "If `true`, the user cannot interact with the range."
        },
        {
          "name": "dual-knobs",
          "description": "Show two knobs."
        },
        {
          "name": "max",
          "description": "Maximum integer value of the range."
        },
        {
          "name": "min",
          "description": "Minimum integer value of the range."
        },
        {
          "name": "name",
          "description": "The name of the control, which is submitted with the form data."
        },
        {
          "name": "pin",
          "description": "If `true`, a pin with integer value is shown when the knob\nis pressed."
        },
        {
          "name": "snaps",
          "description": "If `true`, the knob snaps to tick marks evenly spaced based\non the step property value."
        },
        {
          "name": "step",
          "description": "Specifies the value granularity."
        },
        {
          "name": "ticks",
          "description": "If `true`, tick marks are displayed based on the step value.\nOnly applies when `snaps` is `true`."
        },
        {
          "name": "value",
          "description": "the value of the range."
        }
      ],
      "references": [
        {
          "name": "Source code",
          "url": "./https:/github.com/bkkr-team/bkkr-framework/tree/master/core/src/components/range/range.tsx"
        }
      ]
    },
    {
      "name": "bkkr-reorder",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [],
      "references": [
        {
          "name": "Source code",
          "url": "./https:/github.com/bkkr-team/bkkr-framework/tree/master/core/src/components/reorder/reorder.tsx"
        }
      ]
    },
    {
      "name": "bkkr-reorder-group",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "disabled",
          "description": "If `true`, the reorder will be hidden."
        }
      ],
      "references": [
        {
          "name": "Source code",
          "url": "./https:/github.com/bkkr-team/bkkr-framework/tree/master/core/src/components/reorder-group/reorder-group.tsx"
        }
      ]
    },
    {
      "name": "bkkr-root",
      "description": {
        "kind": "markdown",
        "value": "Root is a container element for an Bkkr application. There should only be one `<bkkr-root>` element per project. An app can have many Ionic components including menus, headers, content, and footers. The overlay components get appended to the `<bkkr-root>` when they are presented."
      },
      "attributes": [],
      "references": [
        {
          "name": "Source code",
          "url": "./https:/github.com/bkkr-team/bkkr-framework/tree/master/core/src/components/root/root.tsx"
        }
      ]
    },
    {
      "name": "bkkr-route",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "component",
          "description": "Name of the component to load/select in the navigation outlet (`bkkr-tabs`, `bkkr-nav`)\nwhen the route matches.\n\nThe value of this property is not always the tagname of the component to load,\nin `bkkr-tabs` it actually refers to the name of the `bkkr-tab` to select."
        },
        {
          "name": "url",
          "description": "Relative path that needs to match in order for this route to apply.\n\nAccepts paths similar to expressjs so that you can define parameters\nin the url /foo/:bar where bar would be available in incoming props."
        }
      ],
      "references": [
        {
          "name": "Source code",
          "url": "./https:/github.com/bkkr-team/bkkr-framework/tree/master/core/src/components/route/route.tsx"
        }
      ]
    },
    {
      "name": "bkkr-route-redirect",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "from",
          "description": "A redirect route, redirects \"from\" a URL \"to\" another URL. This property is that \"from\" URL.\nIt needs to be an exact match of the navigated URL in order to apply.\n\nThe path specified in this value is always an absolute path, even if the initial `/` slash\nis not specified."
        },
        {
          "name": "to",
          "description": "A redirect route, redirects \"from\" a URL \"to\" another URL. This property is that \"to\" URL.\nWhen the defined `bkkr-route-redirect` rule matches, the router will redirect to the path\nspecified in this property.\n\nThe value of this property is always an absolute path inside the scope of routes defined in\n`bkkr-router` it can't be used with another router or to perform a redirection to a different domain.\n\nNote that this is a virtual redirect, it will not cause a real browser refresh, again, it's\na redirect inside the context of bkkr-router.\n\nWhen this property is not specified or his value is `undefined` the whole redirect route is noop,\neven if the \"from\" value matches."
        }
      ],
      "references": [
        {
          "name": "Source code",
          "url": "./https:/github.com/bkkr-team/bkkr-framework/tree/master/core/src/components/route-redirect/route-redirect.tsx"
        }
      ]
    },
    {
      "name": "bkkr-router",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "root",
          "description": "By default `bkkr-router` will match the routes at the root path (\"/\").\nThat can be changed when"
        },
        {
          "name": "use-hash",
          "description": "The router can work in two \"modes\":\n- With hash: `/index.html#/path/to/page`\n- Without hash: `/path/to/page`\n\nUsing one or another might depend in the requirements of your app and/or where it's deployed.\n\nUsually \"hash-less\" navigation works better for SEO and it's more user friendly too, but it might\nrequires additional server-side configuration in order to properly work.\n\nOn the other side hash-navigation is much easier to deploy, it even works over the file protocol.\n\nBy default, this property is `true`, change to `false` to allow hash-less URLs."
        }
      ],
      "references": [
        {
          "name": "Source code",
          "url": "./https:/github.com/bkkr-team/bkkr-framework/tree/master/core/src/components/router/router.tsx"
        }
      ]
    },
    {
      "name": "bkkr-router-link",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "color",
          "description": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"tertiary\"`, `\"success\"`, `\"warning\"`, `\"danger\"`, `\"light\"`, `\"medium\"`, and `\"dark\"`.\nFor more information on colors, see [theming](/docs/theming/basics).",
          "values": [
            {
              "name": "danger"
            },
            {
              "name": "dark"
            },
            {
              "name": "light"
            },
            {
              "name": "medium"
            },
            {
              "name": "primary"
            },
            {
              "name": "secondary"
            },
            {
              "name": "success"
            },
            {
              "name": "tertiary"
            },
            {
              "name": "warning"
            }
          ]
        },
        {
          "name": "href",
          "description": "Contains a URL or a URL fragment that the hyperlink points to.\nIf this property is set, an anchor tag will be rendered."
        },
        {
          "name": "rel",
          "description": "Specifies the relationship of the target object to the link object.\nThe value is a space-separated list of [link types](https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types)."
        },
        {
          "name": "router-direction",
          "description": "When using a router, it specifies the transition direction when navigating to\nanother page using `href`.",
          "values": [
            {
              "name": "back"
            },
            {
              "name": "forward"
            },
            {
              "name": "root"
            }
          ]
        },
        {
          "name": "target",
          "description": "Specifies where to display the linked URL.\nOnly applies when an `href` is provided.\nSpecial keywords: `\"_blank\"`, `\"_self\"`, `\"_parent\"`, `\"_top\"`."
        }
      ],
      "references": [
        {
          "name": "Source code",
          "url": "./https:/github.com/bkkr-team/bkkr-framework/tree/master/core/src/components/router-link/router-link.tsx"
        }
      ]
    },
    {
      "name": "bkkr-router-outlet",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "animated",
          "description": "If `true`, the router-outlet should animate the transition of components."
        },
        {
          "name": "nested",
          "description": "Set `true`, if the router-outlet is placed inside an another router-outlet."
        }
      ],
      "references": [
        {
          "name": "Source code",
          "url": "./https:/github.com/bkkr-team/bkkr-framework/tree/master/core/src/components/router-outlet/router-outlet.tsx"
        }
      ]
    },
    {
      "name": "bkkr-row",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [],
      "references": [
        {
          "name": "Source code",
          "url": "./https:/github.com/bkkr-team/bkkr-framework/tree/master/core/src/components/row/row.tsx"
        }
      ]
    },
    {
      "name": "bkkr-searchbar",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "animated",
          "description": "If `true`, enable searchbar animation."
        },
        {
          "name": "autocomplete",
          "description": "Set the input's autocomplete property.",
          "values": [
            {
              "name": "name"
            },
            {
              "name": "on"
            },
            {
              "name": "off"
            },
            {
              "name": "honorific-prefix"
            },
            {
              "name": "given-name"
            },
            {
              "name": "additional-name"
            },
            {
              "name": "family-name"
            },
            {
              "name": "honorific-suffix"
            },
            {
              "name": "nickname"
            },
            {
              "name": "email"
            },
            {
              "name": "username"
            },
            {
              "name": "new-password"
            },
            {
              "name": "current-password"
            },
            {
              "name": "one-time-code"
            },
            {
              "name": "organization-title"
            },
            {
              "name": "organization"
            },
            {
              "name": "street-address"
            },
            {
              "name": "address-line1"
            },
            {
              "name": "address-line2"
            },
            {
              "name": "address-line3"
            },
            {
              "name": "address-level4"
            },
            {
              "name": "address-level3"
            },
            {
              "name": "address-level2"
            },
            {
              "name": "address-level1"
            },
            {
              "name": "country"
            },
            {
              "name": "country-name"
            },
            {
              "name": "postal-code"
            },
            {
              "name": "cc-name"
            },
            {
              "name": "cc-given-name"
            },
            {
              "name": "cc-additional-name"
            },
            {
              "name": "cc-family-name"
            },
            {
              "name": "cc-number"
            },
            {
              "name": "cc-exp"
            },
            {
              "name": "cc-exp-month"
            },
            {
              "name": "cc-exp-year"
            },
            {
              "name": "cc-csc"
            },
            {
              "name": "cc-type"
            },
            {
              "name": "transaction-currency"
            },
            {
              "name": "transaction-amount"
            },
            {
              "name": "language"
            },
            {
              "name": "bday"
            },
            {
              "name": "bday-day"
            },
            {
              "name": "bday-month"
            },
            {
              "name": "bday-year"
            },
            {
              "name": "sex"
            },
            {
              "name": "tel"
            },
            {
              "name": "tel-country-code"
            },
            {
              "name": "tel-national"
            },
            {
              "name": "tel-area-code"
            },
            {
              "name": "tel-local"
            },
            {
              "name": "tel-extension"
            },
            {
              "name": "impp"
            },
            {
              "name": "url"
            },
            {
              "name": "photo"
            }
          ]
        },
        {
          "name": "autocorrect",
          "description": "Set the input's autocorrect property.",
          "values": [
            {
              "name": "off"
            },
            {
              "name": "on"
            }
          ]
        },
        {
          "name": "cancel-button-text",
          "description": "Set the the cancel button text."
        },
        {
          "name": "color",
          "description": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"tertiary\"`, `\"success\"`, `\"warning\"`, `\"danger\"`, `\"light\"`, `\"medium\"`, and `\"dark\"`.\nFor more information on colors, see [theming](/docs/theming/basics).",
          "values": [
            {
              "name": "danger"
            },
            {
              "name": "dark"
            },
            {
              "name": "light"
            },
            {
              "name": "medium"
            },
            {
              "name": "primary"
            },
            {
              "name": "secondary"
            },
            {
              "name": "success"
            },
            {
              "name": "tertiary"
            },
            {
              "name": "warning"
            }
          ]
        },
        {
          "name": "debounce",
          "description": "Set the amount of time, in milliseconds, to wait to trigger the `bkkrChange` event after each keystroke. This also impacts form bindings such as `ngModel` or `v-model`."
        },
        {
          "name": "disabled",
          "description": "If `true`, the user cannot interact with the input."
        },
        {
          "name": "enterkeyhint",
          "description": "A hint to the browser for which enter key to display.\nPossible values: `\"enter\"`, `\"done\"`, `\"go\"`, `\"next\"`,\n`\"previous\"`, `\"search\"`, and `\"send\"`.",
          "values": [
            {
              "name": "done"
            },
            {
              "name": "enter"
            },
            {
              "name": "go"
            },
            {
              "name": "next"
            },
            {
              "name": "previous"
            },
            {
              "name": "search"
            },
            {
              "name": "send"
            }
          ]
        },
        {
          "name": "inputmode",
          "description": "A hint to the browser for which keyboard to display.\nPossible values: `\"none\"`, `\"text\"`, `\"tel\"`, `\"url\"`,\n`\"email\"`, `\"numeric\"`, `\"decimal\"`, and `\"search\"`.",
          "values": [
            {
              "name": "decimal"
            },
            {
              "name": "email"
            },
            {
              "name": "none"
            },
            {
              "name": "numeric"
            },
            {
              "name": "search"
            },
            {
              "name": "tel"
            },
            {
              "name": "text"
            },
            {
              "name": "url"
            }
          ]
        },
        {
          "name": "placeholder",
          "description": "Set the input's placeholder.\n`placeholder` can accept either plaintext or HTML as a string.\nTo display characters normally reserved for HTML, they\nmust be escaped. For example `<Bkkr>` would become\n`&lt;Bkkr&gt;`"
        },
        {
          "name": "search-icon",
          "description": "The icon to use as the search icon. Defaults to `\"search-outline\"` in\n`ios` mode and `\"search-sharp\"` in `md` mode."
        },
        {
          "name": "show-cancel-button",
          "description": "Sets the behavior for the cancel button. Defaults to `\"never\"`.\nSetting to `\"focus\"` shows the cancel button on focus.\nSetting to `\"never\"` hides the cancel button.\nSetting to `\"always\"` shows the cancel button regardless\nof focus state.",
          "values": [
            {
              "name": "always"
            },
            {
              "name": "focus"
            },
            {
              "name": "never"
            }
          ]
        },
        {
          "name": "spellcheck",
          "description": "If `true`, enable spellcheck on the input."
        },
        {
          "name": "type",
          "description": "Set the type of the input.",
          "values": [
            {
              "name": "email"
            },
            {
              "name": "number"
            },
            {
              "name": "password"
            },
            {
              "name": "search"
            },
            {
              "name": "tel"
            },
            {
              "name": "text"
            },
            {
              "name": "url"
            }
          ]
        },
        {
          "name": "value",
          "description": "the value of the searchbar."
        }
      ],
      "references": [
        {
          "name": "Source code",
          "url": "./https:/github.com/bkkr-team/bkkr-framework/tree/master/core/src/components/searchbar/searchbar.tsx"
        }
      ]
    },
    {
      "name": "bkkr-segment",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "color",
          "description": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"tertiary\"`, `\"success\"`, `\"warning\"`, `\"danger\"`, `\"light\"`, `\"medium\"`, and `\"dark\"`.\nFor more information on colors, see [theming](/docs/theming/basics).",
          "values": [
            {
              "name": "danger"
            },
            {
              "name": "dark"
            },
            {
              "name": "light"
            },
            {
              "name": "medium"
            },
            {
              "name": "primary"
            },
            {
              "name": "secondary"
            },
            {
              "name": "success"
            },
            {
              "name": "tertiary"
            },
            {
              "name": "warning"
            }
          ]
        },
        {
          "name": "disabled",
          "description": "If `true`, the user cannot interact with the segment."
        },
        {
          "name": "scrollable",
          "description": "If `true`, the segment buttons will overflow and the user can swipe to see them.\nIn addition, this will disable the gesture to drag the indicator between the buttons\nin order to swipe to see hidden buttons."
        },
        {
          "name": "select-on-focus",
          "description": "If `true`, navigating to an `bkkr-segment-button` with the keyboard will focus and select the element.\nIf `false`, keyboard navigation will only focus the `bkkr-segment-button` element."
        },
        {
          "name": "swipe-gesture",
          "description": "If `true`, users will be able to swipe between segment buttons to activate them."
        },
        {
          "name": "value",
          "description": "the value of the segment."
        }
      ],
      "references": [
        {
          "name": "Source code",
          "url": "./https:/github.com/bkkr-team/bkkr-framework/tree/master/core/src/components/segment/segment.tsx"
        }
      ]
    },
    {
      "name": "bkkr-segment-button",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "disabled",
          "description": "If `true`, the user cannot interact with the segment button."
        },
        {
          "name": "type",
          "description": "The type of the button.",
          "values": [
            {
              "name": "button"
            },
            {
              "name": "reset"
            },
            {
              "name": "submit"
            }
          ]
        },
        {
          "name": "value",
          "description": "The value of the segment button."
        }
      ],
      "references": [
        {
          "name": "Source code",
          "url": "./https:/github.com/bkkr-team/bkkr-framework/tree/master/core/src/components/segment-button/segment-button.tsx"
        }
      ]
    },
    {
      "name": "bkkr-select",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "cancel-text",
          "description": "The text to display on the cancel button."
        },
        {
          "name": "compare-with",
          "description": "A property name or function used to compare object values"
        },
        {
          "name": "deselect",
          "description": "If true, the value can't be deselectable."
        },
        {
          "name": "disabled",
          "description": "If `true`, the user cannot interact with the input."
        },
        {
          "name": "interface",
          "description": "The interface the select should use: `drawer`, `popover` or `alert`.",
          "values": [
            {
              "name": "alert"
            },
            {
              "name": "drawer"
            },
            {
              "name": "none"
            },
            {
              "name": "popover"
            }
          ]
        },
        {
          "name": "interface-options",
          "description": "Any additional options that the `alert`, `drawer` or `popover` interface\ncan take. See the [bkkr-alert docs](../alert) and the\n[bkkr-popover docs](../popover) for the\ncreate options for each interface.\n\nNote: `interfaceOptions` will not override `inputs` or `buttons` with the `alert` interface."
        },
        {
          "name": "multiple",
          "description": "If `true`, the select can accept multiple values."
        },
        {
          "name": "name",
          "description": "The name of the control, which is submitted with the form data."
        },
        {
          "name": "ok-text",
          "description": "The text to display on the ok button."
        },
        {
          "name": "placeholder",
          "description": "The text to display when the select is empty."
        },
        {
          "name": "search",
          "description": "If true, a searchbar appears. This is not supported on 'alert' interface."
        },
        {
          "name": "selected-text",
          "description": "The text to display instead of the selected option's value."
        },
        {
          "name": "spinner",
          "description": "An animated SVG spinner that shows while loading.",
          "values": [
            {
              "name": "circles"
            },
            {
              "name": "circular"
            },
            {
              "name": "crescent"
            },
            {
              "name": "dots"
            },
            {
              "name": "lines"
            },
            {
              "name": "lines-sharp"
            },
            {
              "name": "lines-sharp-small"
            },
            {
              "name": "lines-small"
            }
          ]
        },
        {
          "name": "toggle-icon",
          "description": "If `true`, a toggle icon will display."
        },
        {
          "name": "value",
          "description": "the value of the select."
        }
      ],
      "references": [
        {
          "name": "Source code",
          "url": "./https:/github.com/bkkr-team/bkkr-framework/tree/master/core/src/components/select/select.tsx"
        }
      ]
    },
    {
      "name": "bkkr-select-option",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "disabled",
          "description": "If `true`, the user cannot interact with the select option."
        },
        {
          "name": "value",
          "description": "The text value of the option."
        }
      ],
      "references": [
        {
          "name": "Source code",
          "url": "./https:/github.com/bkkr-team/bkkr-framework/tree/master/core/src/components/select-option/select-option.tsx"
        }
      ]
    },
    {
      "name": "bkkr-shape",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "color",
          "description": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"tertiary\"`, `\"success\"`, `\"warning\"`, `\"danger\"`, `\"light\"`, `\"medium\"`, and `\"dark\"`.\nFor more information on colors, see [theming](/docs/theming/basics).",
          "values": [
            {
              "name": "danger"
            },
            {
              "name": "dark"
            },
            {
              "name": "light"
            },
            {
              "name": "medium"
            },
            {
              "name": "primary"
            },
            {
              "name": "secondary"
            },
            {
              "name": "success"
            },
            {
              "name": "tertiary"
            },
            {
              "name": "warning"
            }
          ]
        },
        {
          "name": "shape",
          "description": "If `true`, the skeleton text will animate.",
          "values": [
            {
              "name": "circle"
            },
            {
              "name": "octagon"
            },
            {
              "name": "parallel"
            },
            {
              "name": "rombus"
            },
            {
              "name": "square"
            },
            {
              "name": "triange"
            }
          ]
        },
        {
          "name": "size",
          "description": "The size of the shape, in terms of how many columns it should take up out of the total\navailable. If `\"auto\"`"
        },
        {
          "name": "size-lg",
          "description": "The size of the shape for lg screens, in terms of how many columns it should take up out\nof the total available."
        },
        {
          "name": "size-md",
          "description": "The size of the shape for md screens, in terms of how many columns it should take up out\nof the total available."
        },
        {
          "name": "size-sm",
          "description": "The size of the shape for sm screens, in terms of how many columns it should take up out\nof the total available."
        },
        {
          "name": "size-xl",
          "description": "The size of the shape for xl screens, in terms of how many columns it should take up out\nof the total available."
        },
        {
          "name": "size-xs",
          "description": "The size of the shape for xs screens, in terms of how many columns it should take up out\nof the total available."
        },
        {
          "name": "size-xxl",
          "description": "The size of the shape for xxl screens, in terms of how many columns it should take up out\nof the total available."
        }
      ],
      "references": [
        {
          "name": "Source code",
          "url": "./https:/github.com/bkkr-team/bkkr-framework/tree/master/core/src/components/shape/shape.tsx"
        }
      ]
    },
    {
      "name": "bkkr-skeleton",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "animated",
          "description": "If `true`, the skeleton text will animate."
        }
      ],
      "references": [
        {
          "name": "Source code",
          "url": "./https:/github.com/bkkr-team/bkkr-framework/tree/master/core/src/components/skeleton/skeleton.tsx"
        }
      ]
    },
    {
      "name": "bkkr-slide",
      "description": {
        "kind": "markdown",
        "value": "The Slide component is a child component of [Slides](../slides). The template\nshould be written as `bkkr-slide`. Any slide content should be written\nin this component and it should be used in conjunction with [Slides](../slides).\n\nSee the [Slides API Docs](../slides) for more usage information."
      },
      "attributes": [],
      "references": [
        {
          "name": "Source code",
          "url": "./https:/github.com/bkkr-team/bkkr-framework/tree/master/core/src/components/slide/slide.tsx"
        }
      ]
    },
    {
      "name": "bkkr-slides",
      "description": {
        "kind": "markdown",
        "value": "Adopted from Swiper.js:\nThe most modern mobile touch slider and framework with hardware accelerated transitions.\n\nhttp://www.idangero.us/swiper/\n\n\nCopyright 2016 Vladimir Kharlampidi The iDangero.us\n\nLicensed under [MIT](https://opensource.org/licenses/MIT)"
      },
      "attributes": [
        {
          "name": "pager",
          "description": "If `true`, show the pagination."
        },
        {
          "name": "scrollbar",
          "description": "If `true`, show the scrollbar."
        }
      ],
      "references": [
        {
          "name": "Source code",
          "url": "./https:/github.com/bkkr-team/bkkr-framework/tree/master/core/src/components/slides/slides.tsx"
        }
      ]
    },
    {
      "name": "bkkr-spinner",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "color",
          "description": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"tertiary\"`, `\"success\"`, `\"warning\"`, `\"danger\"`, `\"light\"`, `\"medium\"`, and `\"dark\"`.\nFor more information on colors, see [theming](/docs/theming/basics).",
          "values": [
            {
              "name": "danger"
            },
            {
              "name": "dark"
            },
            {
              "name": "light"
            },
            {
              "name": "medium"
            },
            {
              "name": "primary"
            },
            {
              "name": "secondary"
            },
            {
              "name": "success"
            },
            {
              "name": "tertiary"
            },
            {
              "name": "warning"
            }
          ]
        },
        {
          "name": "duration",
          "description": "Duration of the spinner animation in milliseconds. The default varies based on the spinner."
        },
        {
          "name": "paused",
          "description": "If `true`, the spinner's animation will be paused."
        },
        {
          "name": "type",
          "description": "The type of the SVG spinner to use. If a type is not provided, the platform's default\nspinner will be used.",
          "values": [
            {
              "name": "circles"
            },
            {
              "name": "circular"
            },
            {
              "name": "crescent"
            },
            {
              "name": "dots"
            },
            {
              "name": "lines"
            },
            {
              "name": "lines-sharp"
            },
            {
              "name": "lines-sharp-small"
            },
            {
              "name": "lines-small"
            }
          ]
        }
      ],
      "references": [
        {
          "name": "Source code",
          "url": "./https:/github.com/bkkr-team/bkkr-framework/tree/master/core/src/components/spinner/spinner.tsx"
        }
      ]
    },
    {
      "name": "bkkr-split-pane",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "content-id",
          "description": "The content `id` of the split-pane's main content."
        },
        {
          "name": "disabled",
          "description": "If `true`, the split pane will be hidden."
        },
        {
          "name": "when",
          "description": "When the split-pane should be shown.\nCan be a CSS media query expression, or a shortcut expression.\nCan also be a boolean expression."
        }
      ],
      "references": [
        {
          "name": "Source code",
          "url": "./https:/github.com/bkkr-team/bkkr-framework/tree/master/core/src/components/split-pane/split-pane.tsx"
        }
      ]
    },
    {
      "name": "bkkr-tab",
      "description": {
        "kind": "markdown",
        "value": "The tab component is a child component of tabs. Each tab can contain a top level navigation stack for an app or a single view. An app can have many tabs, all with their own independent navigation."
      },
      "attributes": [
        {
          "name": "component",
          "description": "The component to display inside of the tab."
        },
        {
          "name": "tab",
          "description": "A tab id must be provided for each `bkkr-tab`. It's used internally to reference\nthe selected tab or by the router to switch between them."
        }
      ],
      "references": [
        {
          "name": "Source code",
          "url": "./https:/github.com/bkkr-team/bkkr-framework/tree/master/core/src/components/tab/tab.tsx"
        }
      ]
    },
    {
      "name": "bkkr-tabs",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [],
      "references": [
        {
          "name": "Source code",
          "url": "./https:/github.com/bkkr-team/bkkr-framework/tree/master/core/src/components/tabs/tabs.tsx"
        }
      ]
    },
    {
      "name": "bkkr-textarea",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "auto-grow",
          "description": "If `true`, the textarea container will grow and shrink based\non the contents of the textarea."
        },
        {
          "name": "autocapitalize",
          "description": "Indicates whether and how the text value should be automatically capitalized as it is entered/edited by the user."
        },
        {
          "name": "autofocus",
          "description": "This Boolean attribute lets you specify that a form control should have input focus when the page loads."
        },
        {
          "name": "clear-on-edit",
          "description": "If `true`, the value will be cleared after focus upon edit. Defaults to `true` when `type` is `\"password\"`, `false` for all other types."
        },
        {
          "name": "color",
          "description": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"tertiary\"`, `\"success\"`, `\"warning\"`, `\"danger\"`, `\"light\"`, `\"medium\"`, and `\"dark\"`.\nFor more information on colors, see [theming](/docs/theming/basics).",
          "values": [
            {
              "name": "danger"
            },
            {
              "name": "dark"
            },
            {
              "name": "light"
            },
            {
              "name": "medium"
            },
            {
              "name": "primary"
            },
            {
              "name": "secondary"
            },
            {
              "name": "success"
            },
            {
              "name": "tertiary"
            },
            {
              "name": "warning"
            }
          ]
        },
        {
          "name": "cols",
          "description": "The visible width of the text control, in average character widths. If it is specified, it must be a positive integer."
        },
        {
          "name": "debounce",
          "description": "Set the amount of time, in milliseconds, to wait to trigger the `ionChange` event after each keystroke. This also impacts form bindings such as `ngModel` or `v-model`."
        },
        {
          "name": "disabled",
          "description": "If `true`, the user cannot interact with the textarea."
        },
        {
          "name": "enterkeyhint",
          "description": "A hint to the browser for which enter key to display.\nPossible values: `\"enter\"`, `\"done\"`, `\"go\"`, `\"next\"`,\n`\"previous\"`, `\"search\"`, and `\"send\"`.",
          "values": [
            {
              "name": "done"
            },
            {
              "name": "enter"
            },
            {
              "name": "go"
            },
            {
              "name": "next"
            },
            {
              "name": "previous"
            },
            {
              "name": "search"
            },
            {
              "name": "send"
            }
          ]
        },
        {
          "name": "inputmode",
          "description": "A hint to the browser for which keyboard to display.\nPossible values: `\"none\"`, `\"text\"`, `\"tel\"`, `\"url\"`,\n`\"email\"`, `\"numeric\"`, `\"decimal\"`, and `\"search\"`.",
          "values": [
            {
              "name": "decimal"
            },
            {
              "name": "email"
            },
            {
              "name": "none"
            },
            {
              "name": "numeric"
            },
            {
              "name": "search"
            },
            {
              "name": "tel"
            },
            {
              "name": "text"
            },
            {
              "name": "url"
            }
          ]
        },
        {
          "name": "maxlength",
          "description": "If the value of the type attribute is `text`, `email`, `search`, `password`, `tel`, or `url`, this attribute specifies the maximum number of characters that the user can enter."
        },
        {
          "name": "minlength",
          "description": "If the value of the type attribute is `text`, `email`, `search`, `password`, `tel`, or `url`, this attribute specifies the minimum number of characters that the user can enter."
        },
        {
          "name": "name",
          "description": "The name of the control, which is submitted with the form data."
        },
        {
          "name": "placeholder",
          "description": "Instructional text that shows before the input has a value."
        },
        {
          "name": "readonly",
          "description": "If `true`, the user cannot modify the value."
        },
        {
          "name": "required",
          "description": "If `true`, the user must fill in a value before submitting a form."
        },
        {
          "name": "rows",
          "description": "The number of visible text lines for the control."
        },
        {
          "name": "spellcheck",
          "description": "If `true`, the element will have its spelling and grammar checked."
        },
        {
          "name": "value",
          "description": "The value of the textarea."
        },
        {
          "name": "wrap",
          "description": "Indicates how the control wraps text.",
          "values": [
            {
              "name": "hard"
            },
            {
              "name": "off"
            },
            {
              "name": "soft"
            }
          ]
        }
      ],
      "references": [
        {
          "name": "Source code",
          "url": "./https:/github.com/bkkr-team/bkkr-framework/tree/master/core/src/components/textarea/textarea.tsx"
        }
      ]
    },
    {
      "name": "bkkr-thumbnail",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "disabled",
          "description": "If `true`, the user cannot interact with the thumbnail."
        }
      ],
      "references": [
        {
          "name": "Source code",
          "url": "./https:/github.com/bkkr-team/bkkr-framework/tree/master/core/src/components/thumbnail/thumbnail.tsx"
        }
      ]
    },
    {
      "name": "bkkr-toast",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "animated",
          "description": "If `true`, the toast will animate."
        },
        {
          "name": "color",
          "description": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"tertiary\"`, `\"success\"`, `\"warning\"`, `\"danger\"`, `\"light\"`, `\"medium\"`, and `\"dark\"`.\nFor more information on colors, see [theming](/docs/theming/basics).",
          "values": [
            {
              "name": "danger"
            },
            {
              "name": "dark"
            },
            {
              "name": "light"
            },
            {
              "name": "medium"
            },
            {
              "name": "primary"
            },
            {
              "name": "secondary"
            },
            {
              "name": "success"
            },
            {
              "name": "tertiary"
            },
            {
              "name": "warning"
            }
          ]
        },
        {
          "name": "css-class",
          "description": "Additional classes to apply for custom CSS. If multiple classes are\nprovided they should be separated by spaces."
        },
        {
          "name": "duration",
          "description": "How many milliseconds to wait before hiding the toast. By default, it will show\nuntil `dismiss()` is called."
        },
        {
          "name": "header",
          "description": "Header to be shown in the toast."
        },
        {
          "name": "keyboard-close",
          "description": "If `true`, the keyboard will be automatically dismissed when the overlay is presented."
        },
        {
          "name": "message",
          "description": "Message to be shown in the toast."
        },
        {
          "name": "position",
          "description": "The position of the toast on the screen.",
          "values": [
            {
              "name": "bottom"
            },
            {
              "name": "middle"
            },
            {
              "name": "top"
            }
          ]
        },
        {
          "name": "swipe-to-close",
          "description": "If `true`, the modal can be swiped to dismiss."
        }
      ],
      "references": [
        {
          "name": "Source code",
          "url": "./https:/github.com/bkkr-team/bkkr-framework/tree/master/core/src/components/toast/toast.tsx"
        }
      ]
    },
    {
      "name": "bkkr-toggle",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "checked",
          "description": "If `true`, the toggle is selected."
        },
        {
          "name": "color",
          "description": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"tertiary\"`, `\"success\"`, `\"warning\"`, `\"danger\"`, `\"light\"`, `\"medium\"`, and `\"dark\"`.\nFor more information on colors, see [theming](/docs/theming/basics).",
          "values": [
            {
              "name": "danger"
            },
            {
              "name": "dark"
            },
            {
              "name": "light"
            },
            {
              "name": "medium"
            },
            {
              "name": "primary"
            },
            {
              "name": "secondary"
            },
            {
              "name": "success"
            },
            {
              "name": "tertiary"
            },
            {
              "name": "warning"
            }
          ]
        },
        {
          "name": "disabled",
          "description": "If `true`, the user cannot interact with the toggle."
        },
        {
          "name": "enable-on-off-labels",
          "description": "Enables the on/off accessibility switch labels within the toggle."
        },
        {
          "name": "name",
          "description": "The name of the control, which is submitted with the form data."
        },
        {
          "name": "value",
          "description": "The value of the toggle does not mean if it's checked or not, use the `checked`\nproperty for that.\n\nThe value of a toggle is analogous to the value of a `<input type=\"checkbox\">`,\nit's only used when the toggle participates in a native `<form>`."
        }
      ],
      "references": [
        {
          "name": "Source code",
          "url": "./https:/github.com/bkkr-team/bkkr-framework/tree/master/core/src/components/toggle/toggle.tsx"
        }
      ]
    },
    {
      "name": "bkkr-toolbar",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "color",
          "description": "The color to use from your application's color palette.\nDefault options are: `\"primary\"`, `\"secondary\"`, `\"tertiary\"`, `\"success\"`, `\"warning\"`, `\"danger\"`, `\"light\"`, `\"medium\"`, and `\"dark\"`.\nFor more information on colors, see [theming](/docs/theming/basics).",
          "values": [
            {
              "name": "danger"
            },
            {
              "name": "dark"
            },
            {
              "name": "light"
            },
            {
              "name": "medium"
            },
            {
              "name": "primary"
            },
            {
              "name": "secondary"
            },
            {
              "name": "success"
            },
            {
              "name": "tertiary"
            },
            {
              "name": "warning"
            }
          ]
        }
      ],
      "references": [
        {
          "name": "Source code",
          "url": "./https:/github.com/bkkr-team/bkkr-framework/tree/master/core/src/components/toolbar/toolbar.tsx"
        }
      ]
    }
  ]
}