From 035002ceedf78d5ec73eabc0df7f06139939b967 Mon Sep 17 00:00:00 2001
From: Amine El Mouafik <412895+kytwb@users.noreply.github.com>
Date: Mon, 8 Feb 2021 10:34:45 +0100
Subject: Synchronize with Franz 5.6.0 (#1033)

Co-authored-by: FranzBot <i18n@meetfranz.com>
Co-authored-by: vantezzen <hello@vantezzen.io>
Co-authored-by: Makazzz <makazzzpro@live.ca>
Co-authored-by: Stefan Malzner <stefan@adlk.io>
Co-authored-by: Amine Mouafik <amine@mouafik.fr>
---
 uidev/src/stories/textarea.stories.tsx | 43 ++++++++++++++++++++++++++++++++++
 1 file changed, 43 insertions(+)
 create mode 100644 uidev/src/stories/textarea.stories.tsx

(limited to 'uidev/src/stories/textarea.stories.tsx')

diff --git a/uidev/src/stories/textarea.stories.tsx b/uidev/src/stories/textarea.stories.tsx
new file mode 100644
index 000000000..c2dd74e24
--- /dev/null
+++ b/uidev/src/stories/textarea.stories.tsx
@@ -0,0 +1,43 @@
+import React from 'react';
+import uuid from 'uuid/v4';
+
+import { Textarea } from '@meetfranz/forms';
+import { storiesOf } from '../stores/stories';
+
+const defaultProps = () => {
+  const id = uuid();
+  return {
+    label: 'Label',
+    id: `test-${id}`,
+    name: `test-${id}`,
+    rows: 5,
+    onChange: (e: React.ChangeEvent<HTMLInputElement>)  => console.log('changed event', e),
+  };
+};
+
+storiesOf('Textarea')
+  .add('Basic', () => (
+    <Textarea
+      {...defaultProps()}
+      // placeholder="Placeholder text"
+    />
+  ))
+  .add('10 rows', () => (
+    <Textarea
+      {...defaultProps()}
+      rows={10}
+    />
+  ))
+  .add('With error', () => (
+    <Textarea
+      {...defaultProps()}
+      error="This is a generic error message."
+    />
+  ))
+  .add('Disabled', () => (
+    <Textarea
+      {...defaultProps()}
+      rows={2}
+      disabled
+    />
+  ));
-- 
cgit v1.2.3-70-g09d2

