diff options
author | 2021-08-16 23:13:06 +0530 | |
---|---|---|
committer | 2021-08-16 23:13:06 +0530 | |
commit | bbed06e2ba255199703343625129712ef7707697 (patch) | |
tree | 19a525fbd1d621a6e561b1a687195269e54f43d5 /uidev/src/stories/select.stories.tsx | |
parent | chore: update outdated node_modules (#1807) (diff) | |
download | ferdium-app-bbed06e2ba255199703343625129712ef7707697.tar.gz ferdium-app-bbed06e2ba255199703343625129712ef7707697.tar.zst ferdium-app-bbed06e2ba255199703343625129712ef7707697.zip |
Revert "chore: update outdated node_modules (#1807)"
This reverts commit 26a9dba22236bc22a7612107630282cfe02d20e0.
Diffstat (limited to 'uidev/src/stories/select.stories.tsx')
-rw-r--r-- | uidev/src/stories/select.stories.tsx | 31 |
1 files changed, 24 insertions, 7 deletions
diff --git a/uidev/src/stories/select.stories.tsx b/uidev/src/stories/select.stories.tsx index 93e072cd9..51ec6ed88 100644 --- a/uidev/src/stories/select.stories.tsx +++ b/uidev/src/stories/select.stories.tsx | |||
@@ -1,5 +1,5 @@ | |||
1 | import React from 'react'; | 1 | import React from 'react'; |
2 | import { v4 as uuid } from 'uuid'; | 2 | import uuid from 'uuid/v4'; |
3 | 3 | ||
4 | import { Select } from '@meetfranz/forms'; | 4 | import { Select } from '@meetfranz/forms'; |
5 | import { storiesOf } from '../stores/stories'; | 5 | import { storiesOf } from '../stores/stories'; |
@@ -282,18 +282,35 @@ const defaultProps = () => { | |||
282 | }, | 282 | }, |
283 | actionText: 'Select country', | 283 | actionText: 'Select country', |
284 | // defaultValue: 'AT', | 284 | // defaultValue: 'AT', |
285 | onChange: (e: React.ChangeEvent<HTMLInputElement>) => | 285 | onChange: (e: React.ChangeEvent<HTMLInputElement>) => console.log('changed event', e), |
286 | console.log('changed event', e), | ||
287 | }; | 286 | }; |
288 | }; | 287 | }; |
289 | 288 | ||
290 | storiesOf('Select') | 289 | storiesOf('Select') |
291 | .add('Basic', () => <Select {...defaultProps()} />) | 290 | .add('Basic', () => ( |
291 | <Select | ||
292 | {...defaultProps()} | ||
293 | /> | ||
294 | )) | ||
292 | .add('With preselection', () => ( | 295 | .add('With preselection', () => ( |
293 | <Select {...defaultProps()} defaultValue="AT" /> | 296 | <Select |
297 | {...defaultProps()} | ||
298 | defaultValue="AT" | ||
299 | /> | ||
300 | )) | ||
301 | .add('With search', () => ( | ||
302 | <Select | ||
303 | {...defaultProps()} | ||
304 | showSearch | ||
305 | /> | ||
306 | )) | ||
307 | .add('Disabled', () => ( | ||
308 | <Select | ||
309 | {...defaultProps()} | ||
310 | showSearch | ||
311 | disabled | ||
312 | /> | ||
294 | )) | 313 | )) |
295 | .add('With search', () => <Select {...defaultProps()} showSearch />) | ||
296 | .add('Disabled', () => <Select {...defaultProps()} showSearch disabled />) | ||
297 | .add('With error', () => ( | 314 | .add('With error', () => ( |
298 | <Select | 315 | <Select |
299 | {...defaultProps()} | 316 | {...defaultProps()} |