summaryrefslogtreecommitdiff
path: root/app_expo/components/icon/icon.story.tsx
diff options
context:
space:
mode:
authorKirill Rogovoy <[email protected]>2021-07-20 21:24:52 +0300
committerKirill Rogovoy <[email protected]>2021-07-20 21:24:52 +0300
commit5f4611d65e40eae3ca6191a15f68d69ea5a1c4cb (patch)
tree273dfc086444533d86d580961c92ba8d14781a67 /app_expo/components/icon/icon.story.tsx
parentf0bf4e7afdcd8b02a62be45ab3e7d047ed865a79 (diff)
WIP
Diffstat (limited to 'app_expo/components/icon/icon.story.tsx')
-rw-r--r--app_expo/components/icon/icon.story.tsx19
1 files changed, 19 insertions, 0 deletions
diff --git a/app_expo/components/icon/icon.story.tsx b/app_expo/components/icon/icon.story.tsx
new file mode 100644
index 0000000..31c8499
--- /dev/null
+++ b/app_expo/components/icon/icon.story.tsx
@@ -0,0 +1,19 @@
+import * as React from 'react'
+import { storiesOf } from '@storybook/react-native'
+import { StoryScreen, Story, UseCase } from '../../../storybook/views'
+import { Icon } from './icon'
+
+declare let module
+
+storiesOf('Icon', module)
+ .addDecorator((fn) => <StoryScreen>{fn()}</StoryScreen>)
+ .add('Names', () => (
+ <Story>
+ <UseCase text="back" usage="The icon for going back">
+ <Icon icon="back" />
+ </UseCase>
+ <UseCase text="bullet" usage="The icon for a bullet point">
+ <Icon icon="bullet" />
+ </UseCase>
+ </Story>
+ ))