TextI
types=["number", "string"]
[[properties.TextInput]]
-name="resizeable"
-description="(TEXTAREA ONLY) Sets if the TextArea
should be resizeable by the end-user."
+name="resizable"
+description="(TEXTAREA ONLY) Sets if the TextArea
should be resizable by the end-user."
types=["boolean", "x", "y"]
[[properties.TextInput]]
@@ -100,11 +100,13 @@ types=["boolean"]
```html repl TextInput Preview
Register E-Mail for Newsletter
-
+
Make sure to enter a valid E-Mail Address, e.g. sample@sample.org
```
@@ -116,3 +118,224 @@ types=["boolean"]
import {TextInput} from "@kahi-ui/framework";
```
+
+## Palette
+
+You can change the color palette of the `TextInput` via the `palette` property.
+
+```html repl TextInput Palette
+
+
+
+
+
+
+
+
+
+
+
+
+
+```
+
+## Size
+
+You can change the size of the `TextInput` via the `size` property.
+
+```html repl TextInput Size
+
+
+
+
+
+
+
+
+
+
+
+
+
+```
+
+## Block
+
+You can alter the `TextInput` render as an opaque block via the `variation` property.
+
+```html repl TextInput Block
+
+
+
+
+
+
+
+
+
+
+
+
+
+```
+
+## Flush
+
+You can have the `TextInput` to be completely flush document text with no other stylings via the `variation` property.
+
+
+```html repl TextInput Flush
+
+
+Input some text:
+
+```
+
+## Input Type
+
+You can change your input type between `email`, `password`, `search`, `text` **(DEFAULT)**, `url` via the `type` property.
+
+
+```html repl TextInput Input Type
+
+
+
+
+
+
+
+
+
+```
+
+## Placeholder
+
+You can set the `TextInput` to show placeholder text whenever there is no current value.
+
+
+```html repl TextInput Placeholder
+
+
+
+```
+
+## Field Character Size
+
+You can set how wide your `TextInput` to an approximation of character width via the `characters` property.
+
+
+```html repl TextInput Field Character Size
+
+
+
+```
+
+## TextArea
+
+You can have the `TextInput` render as a `