aboutsummaryrefslogtreecommitdiffstats
path: root/uidev/src/stories/textarea.stories.tsx
diff options
context:
space:
mode:
authorLibravatar Markus Hatvan <markus_hatvan@aon.at>2021-09-29 08:33:01 +0200
committerLibravatar GitHub <noreply@github.com>2021-09-29 08:33:01 +0200
commit20574717c4b54635a8b757fccce64f2a98614997 (patch)
tree0f671af98b8253b13149c7bf5262d0b137881ecf /uidev/src/stories/textarea.stories.tsx
parent5.6.3-nightly.17 [skip ci] (diff)
downloadferdium-app-20574717c4b54635a8b757fccce64f2a98614997.tar.gz
ferdium-app-20574717c4b54635a8b757fccce64f2a98614997.tar.zst
ferdium-app-20574717c4b54635a8b757fccce64f2a98614997.zip
chore: update various outdated node_modules (#1969)
Diffstat (limited to 'uidev/src/stories/textarea.stories.tsx')
-rw-r--r--uidev/src/stories/textarea.stories.tsx25
1 files changed, 6 insertions, 19 deletions
diff --git a/uidev/src/stories/textarea.stories.tsx b/uidev/src/stories/textarea.stories.tsx
index 1ab21820b..09b9fef70 100644
--- a/uidev/src/stories/textarea.stories.tsx
+++ b/uidev/src/stories/textarea.stories.tsx
@@ -1,5 +1,5 @@
1import React from 'react'; 1import React from 'react';
2import uuid from 'uuid/v4'; 2import { v4 as uuid } from 'uuid';
3 3
4import { Textarea } from '@meetfranz/forms'; 4import { Textarea } from '@meetfranz/forms';
5import { storiesOf } from '../stores/stories'; 5import { storiesOf } from '../stores/stories';
@@ -11,7 +11,8 @@ const defaultProps = () => {
11 id: `test-${id}`, 11 id: `test-${id}`,
12 name: `test-${id}`, 12 name: `test-${id}`,
13 rows: 5, 13 rows: 5,
14 onChange: (e: React.ChangeEvent<HTMLInputElement>) => console.log('changed event', e), 14 onChange: (e: React.ChangeEvent<HTMLInputElement>) =>
15 console.log('changed event', e),
15 }; 16 };
16}; 17};
17 18
@@ -22,22 +23,8 @@ storiesOf('Textarea')
22 // placeholder="Placeholder text" 23 // placeholder="Placeholder text"
23 /> 24 />
24 )) 25 ))
25 .add('10 rows', () => ( 26 .add('10 rows', () => <Textarea {...defaultProps()} rows={10} />)
26 <Textarea
27 {...defaultProps()}
28 rows={10}
29 />
30 ))
31 .add('With error', () => ( 27 .add('With error', () => (
32 <Textarea 28 <Textarea {...defaultProps()} error="This is a generic error message." />
33 {...defaultProps()}
34 error="This is a generic error message."
35 />
36 )) 29 ))
37 .add('Disabled', () => ( 30 .add('Disabled', () => <Textarea {...defaultProps()} rows={2} disabled />);
38 <Textarea
39 {...defaultProps()}
40 rows={2}
41 disabled
42 />
43 ));