feat(text-input): support read-only variant

docs/src/COMPONENT_API.json

@@ -10416,7 +10416,17 @@
         {
           "name": "inline",
           "kind": "let",
-          "description": "Set to `true` to use inline version",
+          "description": "Set to `true` to use the inline variant",
+          "type": "boolean",
+          "value": "false",
+          "isFunction": false,
+          "constant": false,
+          "reactive": false
+        },
+        {
+          "name": "readonly",
+          "kind": "let",
+          "description": "Set to `true` to use the read-only variant",
           "type": "boolean",
           "value": "false",
           "isFunction": false,

docs/src/pages/components/TextInput.svx

@@ -23,10 +23,14 @@ components: ["TextInput", "TextInputSkeleton"]
 
 <TextInput light labelText="User name" placeholder="Enter user name..." />
 
-### Inline
+### Inline variant
 
 <TextInput inline labelText="User name" placeholder="Enter user name..." />
 
+### Read-only variant
+
+<TextInput readonly labelText="User name" value="IBM" />
+
 ### Extra-large size
 
 <TextInput size="xl" labelText="User name" placeholder="Enter user name..." />