diff options
author | Markus Hatvan <markus_hatvan@aon.at> | 2021-09-29 08:33:01 +0200 |
---|---|---|
committer | GitHub <noreply@github.com> | 2021-09-29 08:33:01 +0200 |
commit | 20574717c4b54635a8b757fccce64f2a98614997 (patch) | |
tree | 0f671af98b8253b13149c7bf5262d0b137881ecf /uidev/src/stories/textarea.stories.tsx | |
parent | 5.6.3-nightly.17 [skip ci] (diff) | |
download | ferdium-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.tsx | 25 |
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 @@ | |||
1 | import React from 'react'; | 1 | import React from 'react'; |
2 | import uuid from 'uuid/v4'; | 2 | import { v4 as uuid } from 'uuid'; |
3 | 3 | ||
4 | import { Textarea } from '@meetfranz/forms'; | 4 | import { Textarea } from '@meetfranz/forms'; |
5 | import { storiesOf } from '../stores/stories'; | 5 | import { 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 | )); | ||