{
  "version": 1.1,
  "tags": [
    {
      "name": "c-accordion",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "mandatory",
          "description": "Disallow collapsing all the items"
        },
        {
          "name": "multiple",
          "description": "Allow expanding multiple items"
        },
        {
          "name": "outlined",
          "description": "Show an outline around expanded items"
        },
        {
          "name": "value",
          "description": "Value of the accordion"
        }
      ]
    },
    {
      "name": "c-accordion-item",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "collapsable",
          "description": "Marks the item as collapsable"
        },
        {
          "name": "expanded",
          "description": "Expansion status of the item"
        },
        {
          "name": "heading",
          "description": "Heading of the accordion item"
        },
        {
          "name": "outlined",
          "description": "Show an outline around the expanded item"
        },
        {
          "name": "value",
          "description": "Value of the accordion item"
        }
      ]
    },
    {
      "name": "c-alert",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "type",
          "description": "Type of the alert"
        }
      ]
    },
    {
      "name": "c-autocomplete",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "disabled",
          "description": "Disable the input"
        },
        {
          "name": "hide-details",
          "description": "Hide the hint and error messages"
        },
        {
          "name": "hint",
          "description": "Hint text for the input"
        },
        {
          "name": "id",
          "description": "Id of the element"
        },
        {
          "name": "items-per-page",
          "description": "Items per page before adding scroll"
        },
        {
          "name": "label",
          "description": "Element label"
        },
        {
          "name": "loading",
          "description": "Show loading state"
        },
        {
          "name": "minimum-query-length",
          "description": "Minimum query length"
        },
        {
          "name": "minimum-query-length-message",
          "description": "Minimum query length message"
        },
        {
          "name": "name",
          "description": "Input field name"
        },
        {
          "name": "no-matching-items-message",
          "description": "No matching items message"
        },
        {
          "name": "placeholder",
          "description": "Placeholder text"
        },
        {
          "name": "query",
          "description": "Search string"
        },
        {
          "name": "required",
          "description": "Show required validation"
        },
        {
          "name": "return-object",
          "description": "Return object instead of value"
        },
        {
          "name": "shadow",
          "description": "Shadow variant"
        },
        {
          "name": "valid",
          "description": "Set the validíty of the input"
        },
        {
          "name": "validate",
          "description": "Manual validation"
        },
        {
          "name": "validate-on-blur",
          "description": "Validate the input on blur"
        },
        {
          "name": "validation",
          "description": "Custom validation message"
        },
        {
          "name": "value",
          "description": "Selected item"
        }
      ]
    },
    {
      "name": "c-backdrop",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "disable-backdrop-blur",
          "description": "Disable backdrop blur effect"
        }
      ]
    },
    {
      "name": "c-badge",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": []
    },
    {
      "name": "c-button",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "danger",
          "description": "Danger variant style"
        },
        {
          "name": "disabled",
          "description": "Disable the button"
        },
        {
          "name": "fit",
          "description": "Fit width to containing element"
        },
        {
          "name": "ghost",
          "description": "Light button background"
        },
        {
          "name": "grouped",
          "description": "True when used as a tab button"
        },
        {
          "name": "id",
          "description": "Id of the button"
        },
        {
          "name": "href",
          "description": "Hyperlink url"
        },
        {
          "name": "inverted",
          "description": "Inverted button style for dark backgrounds"
        },
        {
          "name": "loading",
          "description": "Display loader on the button"
        },
        {
          "name": "no-radius",
          "description": "Remove the default border radius"
        },
        {
          "name": "outlined",
          "description": "Outlined button style"
        },
        {
          "name": "size",
          "description": "Size of the button",
          "values": [
            {
              "name": "default"
            },
            {
              "name": "large"
            },
            {
              "name": "small"
            }
          ]
        },
        {
          "name": "tabs",
          "description": "Used a s atab button"
        },
        {
          "name": "target",
          "description": "Hyperlink target"
        },
        {
          "name": "text",
          "description": "Transparent button background"
        },
        {
          "name": "type",
          "description": "Button type",
          "values": [
            {
              "name": "button"
            },
            {
              "name": "submit"
            }
          ]
        },
        {
          "name": "value",
          "description": "Value for the button\n- for use in the c-tab-buttons"
        }
      ]
    },
    {
      "name": "c-card",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "fullscreen",
          "description": "Enable the fullscreen toggle button"
        }
      ]
    },
    {
      "name": "c-card-actions",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "align",
          "description": "Align the actions",
          "values": [
            {
              "name": "center"
            },
            {
              "name": "end"
            },
            {
              "name": "start"
            }
          ]
        },
        {
          "name": "justify",
          "description": "Justify the actions",
          "values": [
            {
              "name": "center"
            },
            {
              "name": "end"
            },
            {
              "name": "space-around"
            },
            {
              "name": "space-between"
            },
            {
              "name": "start"
            },
            {
              "name": "stretch"
            }
          ]
        }
      ]
    },
    {
      "name": "c-card-content",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": []
    },
    {
      "name": "c-card-title",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": []
    },
    {
      "name": "c-checkbox",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "checked",
          "description": "If `true`, the checkbox is selected."
        },
        {
          "name": "disabled",
          "description": "Disable the checkbox"
        },
        {
          "name": "false-value",
          "description": "The value when the checkbox is unchecked"
        },
        {
          "name": "hide-details",
          "description": "Hide the hint and error messages"
        },
        {
          "name": "hint",
          "description": "Hint text for the input"
        },
        {
          "name": "id",
          "description": "Id of the element"
        },
        {
          "name": "name",
          "description": "Name of the input\n- Only used when the checkbox participates in a native `<form>`"
        },
        {
          "name": "indeterminate",
          "description": "Indeterminate state"
        },
        {
          "name": "label",
          "description": "Element label"
        },
        {
          "name": "required",
          "description": "Set as required"
        },
        {
          "name": "true-value",
          "description": "The value when the checkbox is checked"
        },
        {
          "name": "valid",
          "description": "Set the validity of the input"
        },
        {
          "name": "validation",
          "description": "Custom validation message"
        },
        {
          "name": "value",
          "description": "The input value\n- Only used when the checkbox participates in a native `<form>`"
        }
      ]
    },
    {
      "name": "c-csc-logo",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "width",
          "description": "Logo width in pixels"
        }
      ]
    },
    {
      "name": "c-data-table",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "external-data",
          "description": "Externally sorted and paginated data"
        },
        {
          "name": "hide-footer",
          "description": "Hide the footer"
        },
        {
          "name": "horizontal-scrolling",
          "description": "Use horizontal scrolling"
        },
        {
          "name": "loading",
          "description": "Show a loader on top of the table"
        },
        {
          "name": "loading-text",
          "description": "Text shown when there is no data and the table is loading"
        },
        {
          "name": "no-data-text",
          "description": "Text shown when there are no data available"
        },
        {
          "name": "selectable",
          "description": "Make rows selectable"
        },
        {
          "name": "selection-property",
          "description": "Property used in selections"
        },
        {
          "name": "single-expansion",
          "description": "Allow only a single row expanded at a time"
        },
        {
          "name": "single-selection",
          "description": "Select only a single row at a time"
        },
        {
          "name": "sort-by",
          "description": "Sort data by"
        },
        {
          "name": "sort-direction",
          "description": "Sorting direction",
          "values": [
            {
              "name": "asc"
            },
            {
              "name": "desc"
            }
          ]
        },
        {
          "name": "sticky-header",
          "description": "Use sticky header"
        }
      ]
    },
    {
      "name": "c-dropdown",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "dropdown-item-type",
          "description": "Type of items",
          "values": [
            {
              "name": "item"
            },
            {
              "name": "option"
            }
          ]
        },
        {
          "name": "id",
          "description": "Id of the element"
        },
        {
          "name": "index",
          "description": "Current index value"
        },
        {
          "name": "items-per-page",
          "description": "Items per page before adding scroll"
        },
        {
          "name": "type",
          "description": "Type of the parent element",
          "values": [
            {
              "name": "autocomplete"
            },
            {
              "name": "select"
            }
          ]
        }
      ]
    },
    {
      "name": "c-icon",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "color",
          "description": "Fill color"
        },
        {
          "name": "path",
          "description": "Svg path d attribute value"
        },
        {
          "name": "size",
          "description": "Icon size in pixels"
        }
      ]
    },
    {
      "name": "c-icon-button",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "badge",
          "description": "Show a badge on top of the icon"
        },
        {
          "name": "danger",
          "description": "Danger variant of the button"
        },
        {
          "name": "disabled",
          "description": "Disable the button"
        },
        {
          "name": "ghost",
          "description": "Ghost variant of the button"
        },
        {
          "name": "inverted",
          "description": "Inverted color for dark backgrounds"
        },
        {
          "name": "loading",
          "description": "Loading variant of the button"
        },
        {
          "name": "outlined",
          "description": "Outlined variant of the button"
        },
        {
          "name": "path",
          "description": "Path for the svg icon"
        },
        {
          "name": "size",
          "description": "Size of the button",
          "values": [
            {
              "name": "default"
            },
            {
              "name": "small"
            },
            {
              "name": "x-small"
            }
          ]
        },
        {
          "name": "text",
          "description": "Text variant of the button"
        }
      ]
    },
    {
      "name": "c-input",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "active",
          "description": "Active state"
        },
        {
          "name": "autofocus",
          "description": "Auto focus the input"
        },
        {
          "name": "disabled",
          "description": "Disable the input"
        },
        {
          "name": "hide-details",
          "description": "Hide the hint and error messages"
        },
        {
          "name": "hint",
          "description": "Hint text for the input"
        },
        {
          "name": "id",
          "description": "Id of the input"
        },
        {
          "name": "input-id",
          "description": "Id of the input element"
        },
        {
          "name": "items-per-page",
          "description": "Items per page before adding scroll"
        },
        {
          "name": "label",
          "description": "Label of the input"
        },
        {
          "name": "label-on-top",
          "description": "Label on top of the input"
        },
        {
          "name": "max",
          "description": "Maximum value on a numeric input"
        },
        {
          "name": "min",
          "description": "Minimum value on a numeric input"
        },
        {
          "name": "name",
          "description": "Name of the input"
        },
        {
          "name": "placeholder",
          "description": "Placeholder of the input"
        },
        {
          "name": "readonly",
          "description": "Mark as readonly"
        },
        {
          "name": "required",
          "description": "Set the input as required"
        },
        {
          "name": "rows",
          "description": "Rows on the input"
        },
        {
          "name": "shadow",
          "description": "Shadow variant of the input"
        },
        {
          "name": "step",
          "description": "Step size on a numeric input"
        },
        {
          "name": "type",
          "description": "Type of the input"
        },
        {
          "name": "valid",
          "description": "Set the validíty of the input"
        },
        {
          "name": "validate",
          "description": "Manual validation"
        },
        {
          "name": "validate-on-blur",
          "description": "Validate the input on blur"
        },
        {
          "name": "validation",
          "description": "Custom validation message"
        },
        {
          "name": "value",
          "description": "Value of the input"
        },
        {
          "name": "variant",
          "description": "Variant",
          "values": [
            {
              "name": "select"
            },
            {
              "name": "text"
            }
          ]
        }
      ]
    },
    {
      "name": "c-link",
      "description": {
        "kind": "markdown",
        "value": "Basic hyperlink component"
      },
      "attributes": [
        {
          "name": "href",
          "description": "Url of link"
        },
        {
          "name": "target",
          "description": "regular target attribute of a hyperlink"
        },
        {
          "name": "underline",
          "description": "Display line under the link"
        },
        {
          "name": "weight",
          "description": "Customisable font weight"
        }
      ]
    },
    {
      "name": "c-list",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "bordered",
          "description": "Show border arount the list items"
        },
        {
          "name": "disabled",
          "description": "Disable the list"
        }
      ]
    },
    {
      "name": "c-list-item",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "active",
          "description": "Set the item active"
        },
        {
          "name": "disabled",
          "description": "Disable the item"
        },
        {
          "name": "disabled-by-parent",
          "description": "Disabled by the parent list"
        },
        {
          "name": "hoverable",
          "description": "Display background color on hover"
        },
        {
          "name": "href",
          "description": "Hyperlink url"
        },
        {
          "name": "ripple",
          "description": "Add ripple effect to the item"
        },
        {
          "name": "target",
          "description": "Hyperlink target"
        }
      ]
    },
    {
      "name": "c-list-item-title",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "active",
          "description": "Set the title active"
        }
      ]
    },
    {
      "name": "c-loader",
      "description": {
        "kind": "markdown",
        "value": "A loader component that fills the nearest containing element that has css-property position set to 'relative'"
      },
      "attributes": [
        {
          "name": "contentdelay",
          "description": "Delay in seconds of showing the contents in the slot of the loader"
        },
        {
          "name": "hide",
          "description": "Hide the loader"
        },
        {
          "name": "size",
          "description": "Size of the loader"
        },
        {
          "name": "width",
          "description": "Width of the loader"
        }
      ]
    },
    {
      "name": "c-login-button",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "alt",
          "description": "Alt description for logo"
        },
        {
          "name": "href",
          "description": "Login provider link. Do not set if using a javascript click handler"
        },
        {
          "name": "src",
          "description": "Login provider logo url"
        }
      ]
    },
    {
      "name": "c-login-buttons",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": []
    },
    {
      "name": "c-login-card",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "background-position",
          "description": "Background position (css background-position)"
        },
        {
          "name": "mobile-breakpoint",
          "description": "Mobile breakpoint in pixels"
        },
        {
          "name": "overlay",
          "description": "Add colored overlay to the background image"
        },
        {
          "name": "overlay-blend-mode",
          "description": "Add colored overlay to the background image",
          "values": [
            {
              "name": "color"
            },
            {
              "name": "color-burn"
            },
            {
              "name": "color-dodge"
            },
            {
              "name": "darken"
            },
            {
              "name": "difference"
            },
            {
              "name": "exclusion"
            },
            {
              "name": "hard-light"
            },
            {
              "name": "hue"
            },
            {
              "name": "lighten"
            },
            {
              "name": "luminosity"
            },
            {
              "name": "multiply"
            },
            {
              "name": "normal"
            },
            {
              "name": "overlay"
            },
            {
              "name": "saturation"
            },
            {
              "name": "screen"
            },
            {
              "name": "soft-light"
            }
          ]
        },
        {
          "name": "src",
          "description": "Background image"
        }
      ]
    },
    {
      "name": "c-login-card-actions",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "align",
          "description": "Align the actions",
          "values": [
            {
              "name": "center"
            },
            {
              "name": "end"
            },
            {
              "name": "start"
            }
          ]
        },
        {
          "name": "justify",
          "description": "Justify the actions",
          "values": [
            {
              "name": "center"
            },
            {
              "name": "end"
            },
            {
              "name": "space-around"
            },
            {
              "name": "space-between"
            },
            {
              "name": "start"
            },
            {
              "name": "stretch"
            }
          ]
        }
      ]
    },
    {
      "name": "c-login-card-content",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": []
    },
    {
      "name": "c-login-card-title",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": []
    },
    {
      "name": "c-main",
      "description": {
        "kind": "markdown",
        "value": "Wrapper component for the whole page"
      },
      "attributes": [
        {
          "name": "disable-layout",
          "description": "Disable the default dashboard layout"
        }
      ]
    },
    {
      "name": "c-menu",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "content-class",
          "description": "Menu content css class"
        },
        {
          "name": "custom",
          "description": "No chevron and background, E.g. when a button is the activator"
        },
        {
          "name": "flat",
          "description": "No hover background"
        },
        {
          "name": "items-per-page",
          "description": "Items per page before adding scroll"
        },
        {
          "name": "small",
          "description": "Small variant"
        }
      ]
    },
    {
      "name": "c-menu-items",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "active",
          "description": "Menu is opened and positioned"
        },
        {
          "name": "index",
          "description": "is active"
        },
        {
          "name": "items-per-page",
          "description": "Items per page before adding scroll"
        },
        {
          "name": "parent-type",
          "description": "Type of parent"
        },
        {
          "name": "small",
          "description": "Small variant"
        },
        {
          "name": "top",
          "description": "Initial top position"
        }
      ]
    },
    {
      "name": "c-message",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "hint",
          "description": "Hint text for the input"
        },
        {
          "name": "input-id",
          "description": "Id of the related input element"
        },
        {
          "name": "valid",
          "description": "Parent validíty"
        },
        {
          "name": "validation",
          "description": "Custom validation message"
        }
      ]
    },
    {
      "name": "c-modal",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "disable-backdrop-blur",
          "description": "Disable backdrop blur effect"
        },
        {
          "name": "dismissable",
          "description": "Dismissed when touching/clicking outside the content"
        },
        {
          "name": "value",
          "description": "Is the modal visible"
        },
        {
          "name": "width",
          "description": "Width of the dialog. Numeric value is considered as pixel value (400 -> 400px)"
        },
        {
          "name": "z-index",
          "description": "Z-index of the modal"
        }
      ]
    },
    {
      "name": "c-navigation-button",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": []
    },
    {
      "name": "c-option",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "disabled",
          "description": "Set option as disabled"
        },
        {
          "name": "name",
          "description": "Option name"
        },
        {
          "name": "selected",
          "description": "Set option as selected"
        },
        {
          "name": "value",
          "description": "Option value"
        }
      ]
    },
    {
      "name": "c-option-value",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": []
    },
    {
      "name": "c-otp-input",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "id",
          "description": "Id of the element"
        },
        {
          "name": "autofocus",
          "description": "Auto focus"
        },
        {
          "name": "hide-details",
          "description": "Hide the hint and error messages"
        },
        {
          "name": "hint",
          "description": "Hint text for the input"
        },
        {
          "name": "length",
          "description": "Length of the OTP code"
        },
        {
          "name": "valid",
          "description": "Set the validíty of the input"
        },
        {
          "name": "validation",
          "description": "Custom validation message"
        },
        {
          "name": "value",
          "description": "Value of the input"
        }
      ]
    },
    {
      "name": "c-page",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "scroll-indicator",
          "description": "Display scroll indicator"
        }
      ]
    },
    {
      "name": "c-pagination",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "hide-details",
          "description": "Hide details (per page dropdown and the 'x - y of n pages' text)"
        },
        {
          "name": "hide-range",
          "description": "Hide range indicator"
        },
        {
          "name": "simple",
          "description": "Hide page number buttons"
        },
        {
          "name": "size",
          "description": "Hide details (per page dropdown and the 'x - y of n pages' text)",
          "values": [
            {
              "name": "default"
            },
            {
              "name": "small"
            }
          ]
        }
      ]
    },
    {
      "name": "c-progress-bar",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "hide-details",
          "description": "Hide the percentage display"
        },
        {
          "name": "indeterminate",
          "description": "Indeterminate state of the progress bar"
        },
        {
          "name": "label",
          "description": "Optional details message next to percentage display"
        },
        {
          "name": "single-line",
          "description": "Place details next to progress bar"
        },
        {
          "name": "value",
          "description": "Progress bar value in percentage (0 to 100)"
        }
      ]
    },
    {
      "name": "c-radio",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "checked",
          "description": "Set option as checked"
        },
        {
          "name": "disabled",
          "description": "Disable the radio button"
        },
        {
          "name": "value",
          "description": "Radio button value"
        }
      ]
    },
    {
      "name": "c-radio-group",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "color",
          "description": "Color of the radio group"
        },
        {
          "name": "disabled",
          "description": "Disable the radio group"
        },
        {
          "name": "hide-details",
          "description": "Hide the hint and error messages"
        },
        {
          "name": "hint",
          "description": "Hint text for the input"
        },
        {
          "name": "id",
          "description": "Id of the element"
        },
        {
          "name": "inline",
          "description": "Display radio buttons inline"
        },
        {
          "name": "label",
          "description": "Label of the radio group"
        },
        {
          "name": "required",
          "description": "Set as required"
        },
        {
          "name": "return-object",
          "description": "Return the whole item object"
        },
        {
          "name": "valid",
          "description": "Set the validity of the input"
        },
        {
          "name": "validation",
          "description": "Custom validation message"
        },
        {
          "name": "value",
          "description": "Value of the radio group"
        }
      ]
    },
    {
      "name": "c-ripple",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": []
    },
    {
      "name": "c-row",
      "description": {
        "kind": "markdown",
        "value": "Generic flex row component"
      },
      "attributes": [
        {
          "name": "align",
          "description": "Align items vertically",
          "values": [
            {
              "name": "center"
            },
            {
              "name": "end"
            },
            {
              "name": "start"
            }
          ]
        },
        {
          "name": "gap",
          "description": "Gap between items in px"
        },
        {
          "name": "justify",
          "description": "Justify content horizontally",
          "values": [
            {
              "name": "center"
            },
            {
              "name": "end"
            },
            {
              "name": "space-around"
            },
            {
              "name": "space-between"
            },
            {
              "name": "start"
            }
          ]
        },
        {
          "name": "nowrap",
          "description": "Disable flex wrap"
        }
      ]
    },
    {
      "name": "c-select",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "clearable",
          "description": "Make the selected value clearable"
        },
        {
          "name": "disabled",
          "description": "Disable the input"
        },
        {
          "name": "hide-details",
          "description": "Hide the hint and error messages"
        },
        {
          "name": "hint",
          "description": "Hint text for the input"
        },
        {
          "name": "id",
          "description": "Id of the element"
        },
        {
          "name": "items-per-page",
          "description": "Items per page before adding scroll"
        },
        {
          "name": "label",
          "description": "Element label"
        },
        {
          "name": "label-on-top",
          "description": "Label on top of the input"
        },
        {
          "name": "loading",
          "description": "Show loading state"
        },
        {
          "name": "name",
          "description": "Input field name"
        },
        {
          "name": "option-as-selection",
          "description": "display the option as selection (works only when c-option elements are used)"
        },
        {
          "name": "placeholder",
          "description": "Placeholder text"
        },
        {
          "name": "required",
          "description": "Show required validation"
        },
        {
          "name": "return-object",
          "description": "Return object instead of value"
        },
        {
          "name": "shadow",
          "description": "Shadow variant"
        },
        {
          "name": "valid",
          "description": "Set the validíty of the input"
        },
        {
          "name": "validate",
          "description": "Manual validation"
        },
        {
          "name": "validate-on-blur",
          "description": "Validate the input on blur"
        },
        {
          "name": "validation",
          "description": "Custom validation message"
        },
        {
          "name": "value",
          "description": "Selected item"
        }
      ]
    },
    {
      "name": "c-side-navigation",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "menu-visible",
          "description": "Mobile version menu visibility"
        },
        {
          "name": "mobile",
          "description": "Mobile version"
        }
      ]
    },
    {
      "name": "c-side-navigation-item",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "active",
          "description": "Indicate active state"
        },
        {
          "name": "href",
          "description": "Hyperlink url"
        },
        {
          "name": "loading",
          "description": "Loading state"
        },
        {
          "name": "target",
          "description": "Hyperlink target"
        }
      ]
    },
    {
      "name": "c-side-navigation-title",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": []
    },
    {
      "name": "c-slider",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "aria-label",
          "description": "Aria label"
        },
        {
          "name": "disable-tooltip",
          "description": "Disable tooltip"
        },
        {
          "name": "disabled",
          "description": "Disable the slider"
        },
        {
          "name": "id",
          "description": "Id of the element"
        },
        {
          "name": "name",
          "description": "Id of the element"
        },
        {
          "name": "label",
          "description": "Label of the slider"
        },
        {
          "name": "labels",
          "description": "Show tick labels"
        },
        {
          "name": "max",
          "description": "Max value"
        },
        {
          "name": "min",
          "description": "Min value"
        },
        {
          "name": "segments",
          "description": "Segment count"
        },
        {
          "name": "step",
          "description": "Step"
        },
        {
          "name": "ticks",
          "description": "Thow ticks"
        },
        {
          "name": "unit",
          "description": "Unit"
        },
        {
          "name": "value",
          "description": "Value"
        }
      ]
    },
    {
      "name": "c-spacer",
      "description": {
        "kind": "markdown",
        "value": "Spacer component for flex containers"
      },
      "attributes": []
    },
    {
      "name": "c-spinner",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "color",
          "description": "Color of the spinner"
        },
        {
          "name": "size",
          "description": "Size of the spinner"
        },
        {
          "name": "width",
          "description": "Width of the spinner"
        }
      ]
    },
    {
      "name": "c-status",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "type",
          "description": "Status type",
          "values": [
            {
              "name": "error"
            },
            {
              "name": "info"
            },
            {
              "name": "success"
            },
            {
              "name": "warning"
            }
          ]
        }
      ]
    },
    {
      "name": "c-step",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "complete",
          "description": "Mark step as complete"
        },
        {
          "name": "current",
          "description": "Mark step as current"
        }
      ]
    },
    {
      "name": "c-steps",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "value",
          "description": "Value of the accordion (current step number)"
        }
      ]
    },
    {
      "name": "c-sub-navigation-item",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "active",
          "description": "Active state"
        },
        {
          "name": "focusable",
          "description": "Element is visible and focusable"
        },
        {
          "name": "href",
          "description": "Link url"
        },
        {
          "name": "loading",
          "description": "Loading state"
        },
        {
          "name": "target",
          "description": "Link target"
        }
      ]
    },
    {
      "name": "c-swiper",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "id",
          "description": "Id of the swiper element"
        },
        {
          "name": "value",
          "description": "Value of the swiper"
        }
      ]
    },
    {
      "name": "c-swiper-tab",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "active",
          "description": "Mark as active"
        },
        {
          "name": "disabled",
          "description": "Disable button"
        },
        {
          "name": "id",
          "description": "Id of the button"
        },
        {
          "name": "label",
          "description": "Label of the button"
        },
        {
          "name": "position",
          "description": "Position in the set"
        },
        {
          "name": "setsize",
          "description": "Size of the set"
        },
        {
          "name": "value",
          "description": "Value of the button"
        }
      ]
    },
    {
      "name": "c-switch",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "checked",
          "description": "If `true`, the checkbox is selected."
        },
        {
          "name": "false-value",
          "description": "The value when the checkbox is unchecked"
        },
        {
          "name": "disabled",
          "description": "Disable the switch"
        },
        {
          "name": "id",
          "description": "Id for the element"
        },
        {
          "name": "loading",
          "description": "Loading state"
        },
        {
          "name": "required",
          "description": "Set as required"
        },
        {
          "name": "true-value",
          "description": "The value when the checkbox is checked"
        },
        {
          "name": "value",
          "description": "The input value\n- Only used when the checkbox participates in a native `<form>`"
        }
      ]
    },
    {
      "name": "c-tab",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "active",
          "description": "Mark tab as active"
        },
        {
          "name": "disabled",
          "description": "Mark tab as disabled"
        },
        {
          "name": "id",
          "description": "Id of the tab"
        },
        {
          "name": "position",
          "description": "Position in the set"
        },
        {
          "name": "setsize",
          "description": "Size of the set"
        },
        {
          "name": "value",
          "description": "Value for the tab\n- for use in c-tabs"
        }
      ]
    },
    {
      "name": "c-tab-buttons",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "disabled",
          "description": "Disable tab buttons"
        },
        {
          "name": "mandatory",
          "description": "Always require a selection"
        },
        {
          "name": "size",
          "description": "Size of the buttons",
          "values": [
            {
              "name": "default"
            },
            {
              "name": "small"
            }
          ]
        },
        {
          "name": "tabs",
          "description": "Used as controller for c-tabs"
        },
        {
          "name": "value",
          "description": "Value of tab buttons"
        }
      ]
    },
    {
      "name": "c-tab-item",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "active",
          "description": "Active"
        },
        {
          "name": "value",
          "description": "Tab value"
        }
      ]
    },
    {
      "name": "c-tab-items",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "disable-animation",
          "description": "Disable animation"
        },
        {
          "name": "value",
          "description": "Currently active tab"
        }
      ]
    },
    {
      "name": "c-table",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "mobile-breakpoint",
          "description": "Mobile breakpoint in pixels"
        },
        {
          "name": "responsive",
          "description": "Should the table be responsive"
        }
      ]
    },
    {
      "name": "c-tabs",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "borderless",
          "description": "Disable the bottom border"
        },
        {
          "name": "disable-animation",
          "description": "Disable animation"
        },
        {
          "name": "justify",
          "description": "Justification of the children",
          "values": [
            {
              "name": "center"
            },
            {
              "name": "end"
            },
            {
              "name": "start"
            },
            {
              "name": "stretch"
            }
          ]
        },
        {
          "name": "mobile-breakpoint",
          "description": "Mobile breakpoint in pixels\n- affects the content stacking with the vertical tabs"
        },
        {
          "name": "value",
          "description": "Currently active tab"
        },
        {
          "name": "vertical",
          "description": "Vertical tabs"
        }
      ]
    },
    {
      "name": "c-tag",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "active",
          "description": "Mark tag as active"
        },
        {
          "name": "badge",
          "description": "Display an optional badge at the start of the tag"
        },
        {
          "name": "block",
          "description": "Stretch to fill the container row"
        },
        {
          "name": "closeable",
          "description": "Mark tag as closeable"
        },
        {
          "name": "fit",
          "description": "Stretch to fill the container"
        },
        {
          "name": "flat",
          "description": "Remove the hover effect"
        },
        {
          "name": "size",
          "description": "Size of the tag",
          "values": [
            {
              "name": "default"
            },
            {
              "name": "small"
            }
          ]
        }
      ]
    },
    {
      "name": "c-tags",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "size",
          "description": "Size of the tags",
          "values": [
            {
              "name": "default"
            },
            {
              "name": "small"
            }
          ]
        }
      ]
    },
    {
      "name": "c-text-field",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "autocomplete",
          "description": "HTML input autocomplete"
        },
        {
          "name": "autocorrect",
          "description": "HTML input autocorrect"
        },
        {
          "name": "autocapitalize",
          "description": "HTML input autocapitalize"
        },
        {
          "name": "autofocus",
          "description": "Auto focus the input"
        },
        {
          "name": "disabled",
          "description": "Disable the input"
        },
        {
          "name": "hide-details",
          "description": "Hide the hint and error messages"
        },
        {
          "name": "hint",
          "description": "Hint text for the input"
        },
        {
          "name": "id",
          "description": "Id of the input"
        },
        {
          "name": "label",
          "description": "Label of the input"
        },
        {
          "name": "label-on-top",
          "description": "Label on top of the input"
        },
        {
          "name": "max",
          "description": "Maximum value on a numeric input"
        },
        {
          "name": "min",
          "description": "Minimum value on a numeric input"
        },
        {
          "name": "name",
          "description": "Name of the input"
        },
        {
          "name": "placeholder",
          "description": "Placeholder of the input"
        },
        {
          "name": "readonly",
          "description": "Mark as readonly"
        },
        {
          "name": "required",
          "description": "Set the input as required"
        },
        {
          "name": "rows",
          "description": "Rows on the input"
        },
        {
          "name": "shadow",
          "description": "Shadow variant of the input"
        },
        {
          "name": "step",
          "description": "Step size on a numeric input"
        },
        {
          "name": "trim-whitespace",
          "description": "Trim whitespace from the return value"
        },
        {
          "name": "type",
          "description": "Type of the input"
        },
        {
          "name": "valid",
          "description": "Set the validity of the input"
        },
        {
          "name": "validate",
          "description": "Manual validation"
        },
        {
          "name": "validate-on-blur",
          "description": "Validate the input on blur"
        },
        {
          "name": "validation",
          "description": "Custom validation message"
        },
        {
          "name": "value",
          "description": "Value of the input"
        }
      ]
    },
    {
      "name": "c-text-field-open",
      "description": {
        "kind": "markdown",
        "value": "Text field component without shadow dom"
      },
      "attributes": [
        {
          "name": "autocomplete",
          "description": "HTML input autocomplete"
        },
        {
          "name": "autocorrect",
          "description": "HTML input autocorrect"
        },
        {
          "name": "autocapitalize",
          "description": "HTML input autocapitalize"
        },
        {
          "name": "autofocus",
          "description": "Auto focus the input"
        },
        {
          "name": "disabled",
          "description": "Disable the input"
        },
        {
          "name": "hide-details",
          "description": "Hide the hint and error messages"
        },
        {
          "name": "hint",
          "description": "Hint text for the input"
        },
        {
          "name": "id",
          "description": "Id of the input"
        },
        {
          "name": "label",
          "description": "Label of the input"
        },
        {
          "name": "label-on-top",
          "description": "Label on top of the input"
        },
        {
          "name": "max",
          "description": "Maximum value on a numeric input"
        },
        {
          "name": "min",
          "description": "Minimum value on a numeric input"
        },
        {
          "name": "name",
          "description": "Name of the input"
        },
        {
          "name": "placeholder",
          "description": "Placeholder of the input"
        },
        {
          "name": "readonly",
          "description": "Mark as readonly"
        },
        {
          "name": "render-outside-shadow",
          "description": "Render input element outside shadow DOM for maximum compatibility"
        },
        {
          "name": "required",
          "description": "Set the input as required"
        },
        {
          "name": "rows",
          "description": "Rows on the input"
        },
        {
          "name": "shadow",
          "description": "Shadow variant of the input"
        },
        {
          "name": "step",
          "description": "Step size on a numeric input"
        },
        {
          "name": "trim-whitespace",
          "description": "Trim whitespace from the return value"
        },
        {
          "name": "type",
          "description": "Type of the input"
        },
        {
          "name": "valid",
          "description": "Set the validity of the input"
        },
        {
          "name": "validate",
          "description": "Manual validation"
        },
        {
          "name": "validate-on-blur",
          "description": "Validate the input on blur"
        },
        {
          "name": "validation",
          "description": "Custom validation message"
        },
        {
          "name": "value",
          "description": "Value of the input"
        }
      ]
    },
    {
      "name": "c-toast",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": []
    },
    {
      "name": "c-toasts",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": [
        {
          "name": "absolute",
          "description": "Use absolute positioning"
        },
        {
          "name": "horizontal",
          "description": "Horizontal position",
          "values": [
            {
              "name": "center"
            },
            {
              "name": "left"
            },
            {
              "name": "right"
            }
          ]
        },
        {
          "name": "vertical",
          "description": "Vertical position",
          "values": [
            {
              "name": "bottom"
            },
            {
              "name": "top"
            }
          ]
        }
      ]
    },
    {
      "name": "c-toolbar",
      "description": {
        "kind": "markdown",
        "value": ""
      },
      "attributes": []
    }
  ]
}