feat: textarea docs

docs/content/components/textarea.mdx

@@ -0,0 +1,108 @@
+---
+title: Textarea
+description: Textarea component for Ripple UI
+---
+
+# Textarea
+
+Simple example of Textarea.
+
+<textarea className="textarea" placeholder="Welcome!" />
+
+```html
+<textarea className="textarea" placeholder="Welcome!" />
+```
+
+## Colors
+
+Textarea colors
+
+<div className="flex flex-wrap gap-4">
+  <textarea className="textarea-primary textarea" placeholder="Primary" />
+  <textarea className="textarea-secondary textarea" placeholder="Secondary" />
+  <textarea className="textarea-success textarea" placeholder="Success" />
+  <textarea className="textarea-error textarea" placeholder="Error" />
+  <textarea className="textarea-warning textarea" placeholder="Warning" />
+</div>
+
+```html
+<textarea className="textarea textarea-primary" placeholder="Primary" />
+<textarea className="textarea textarea-secondary" placeholder="Secondary" />
+<textarea className="textarea textarea-success" placeholder="Success" />
+<textarea className="textarea textarea-error" placeholder="Error" />
+<textarea className="textarea textarea-warning" placeholder="Warning" />
+```
+
+## Ghost
+
+Textarea Ghost
+
+<div className="flex flex-wrap gap-4">
+  <textarea className="textarea-ghost-primary textarea" placeholder="Primary" />
+  <textarea
+    className="textarea-ghost-secondary textarea"
+    placeholder="Secondary"
+  />
+  <textarea className="textarea-ghost-success textarea" placeholder="Success" />
+  <textarea className="textarea-ghost-warning textarea" placeholder="Warning" />
+  <textarea className="textarea-ghost-error textarea" placeholder="Error" />
+</div>
+
+```html
+<textarea className="textarea-ghost-primary textarea" placeholder="Primary" />
+<textarea
+  className="textarea-ghost-secondary textarea"
+  placeholder="Secondary"
+/>
+<textarea className="textarea-ghost-success textarea" placeholder="Success" />
+<textarea className="textarea-ghost-warning textarea" placeholder="Warning" />
+<textarea className="textarea-ghost-error textarea" placeholder="Error" />
+```
+
+## Block
+
+Textarea Block
+
+<textarea className="textarea textarea-block" placeholder="Block" />
+
+```html
+<textarea className="textarea-block textarea" placeholder="Block" />
+```
+
+## Disabled
+
+Disabled Textarea
+
+<textarea className="textarea" placeholder="Disabled" disabled />
+
+```html
+<textarea className="textarea" placeholder="Disabled" disabled />
+```
+
+<Attributes >
+<Attributes.Title>Textarea Classes</Attributes.Title>
+
+| class                    | Description           |
+| ------------------------ | --------------------- |
+| textarea                 | Textarea class        |
+| textarea-primary         | Primary color         |
+| textarea-secondary       | Secondary color       |
+| textarea-success         | Success color         |
+| textarea-error           | Error color           |
+| textarea-warning         | Warning color         |
+| textarea-ghost-primary   | Primary ghost color   |
+| textarea-ghost-secondary | Secondary ghost color |
+| textarea-ghost-success   | Success ghost color   |
+| textarea-ghost-error     | Error ghost color     |
+| textarea-ghost-warning   | Warning ghost color   |
+| textarea-disabled        | Disabled textarea     |
+| textarea-block           | Block textarea        |
+
+</Attributes>
+
+<LinkRedirect
+  contentLeft="Input"
+  hrefLeft="/docs/components/input"
+  contentRight="Checkbox"
+  hrefRight="/docs/components/checkbox"
+/>