diff options
author | 2021-08-16 18:10:23 +0200 | |
---|---|---|
committer | 2021-08-16 21:40:23 +0530 | |
commit | 26a9dba22236bc22a7612107630282cfe02d20e0 (patch) | |
tree | 25af338b5a4b080a3bd2c60c500a34cafdff3581 /uidev/src/stories/textarea.stories.tsx | |
parent | chore: replace moment.js with day.js (#1804) (diff) | |
download | ferdium-app-26a9dba22236bc22a7612107630282cfe02d20e0.tar.gz ferdium-app-26a9dba22236bc22a7612107630282cfe02d20e0.tar.zst ferdium-app-26a9dba22236bc22a7612107630282cfe02d20e0.zip |
chore: update outdated node_modules (#1807)
- upgrade 'uuid', '@types/uuid', 'macos-version', 'normalize-url' and 'os-name' dependencies to latest
- updated 'macos-version' imports to named imports
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 | )); | ||