@nanoporetech-digital/components 8.7.2 → 8.8.0

package/docs-vscode.json

@@ -2722,6 +2722,85 @@
         }
       ]
     },
+    {
+      "name": "nano-input-otp",
+      "description": {
+        "kind": "markdown",
+        "value": "A component for entering one-time passwords (OTP) with multiple input fields."
+      },
+      "attributes": [
+        {
+          "name": "allow-invalid",
+          "description": "If `true`, allows the input to be completely filled with invalid values.\nBy default, if any input box contains an invalid value, the entire input group\nis marked as invalid.\nDefault is `false`."
+        },
+        {
+          "name": "disabled",
+          "description": "If `true`, the user cannot interact with the input."
+        },
+        {
+          "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\"`.\n\nFor numbers (type=\"number\"): \"numeric\"\nFor text (type=\"text\"): \"text\"",
+          "values": [
+            {
+              "name": "decimal"
+            },
+            {
+              "name": "email"
+            },
+            {
+              "name": "none"
+            },
+            {
+              "name": "numeric"
+            },
+            {
+              "name": "search"
+            },
+            {
+              "name": "tel"
+            },
+            {
+              "name": "text"
+            },
+            {
+              "name": "url"
+            }
+          ]
+        },
+        {
+          "name": "length",
+          "description": "The number of input boxes to display."
+        },
+        {
+          "name": "pattern",
+          "description": "A regex pattern string for allowed characters. Defaults based on type.\n\nFor numbers (`type=\"number\"`): `\"[\\p{N}]\"`\nFor text (`type=\"text\"`): `\"[\\p{L}\\p{N}]\"`"
+        },
+        {
+          "name": "readonly",
+          "description": "If `true`, the user cannot modify the value."
+        },
+        {
+          "name": "show-validity",
+          "description": "If `true`, shows a validity icon when all input boxes are filled.\nA check icon is shown if all values are valid, and an X icon is shown if any value is invalid.\nThis does not affect the `invalid` or `valid` states of the input group.\nDefault is `false`."
+        },
+        {
+          "name": "type",
+          "description": "The type of input allowed in the input boxes.",
+          "values": [
+            {
+              "name": "number"
+            },
+            {
+              "name": "text"
+            }
+          ]
+        },
+        {
+          "name": "value",
+          "description": "The value of the input group."
+        }
+      ]
+    },
     {
       "name": "nano-intersection-observe",
       "description": {