summaryrefslogtreecommitdiff
path: root/app/components/button/button.story.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'app/components/button/button.story.tsx')
-rw-r--r--app/components/button/button.story.tsx51
1 files changed, 0 insertions, 51 deletions
diff --git a/app/components/button/button.story.tsx b/app/components/button/button.story.tsx
deleted file mode 100644
index 5dc21c1..0000000
--- a/app/components/button/button.story.tsx
+++ /dev/null
@@ -1,51 +0,0 @@
-import * as React from 'react'
-import { ViewStyle, TextStyle, Alert } from 'react-native'
-import { storiesOf } from '@storybook/react-native'
-import { StoryScreen, Story, UseCase } from '../../../storybook/views'
-import { Button } from './button'
-
-declare let module
-
-const buttonStyleArray: ViewStyle[] = [
- { paddingVertical: 100 },
- { borderRadius: 0 },
-]
-
-const buttonTextStyleArray: TextStyle[] = [
- { fontSize: 20 },
- { color: '#a511dc' },
-]
-
-storiesOf('Button', module)
- .addDecorator((fn) => <StoryScreen>{fn()}</StoryScreen>)
- .add('Style Presets', () => (
- <Story>
- <UseCase text="Primary" usage="The primary button.">
- <Button
- text="Click It"
- preset="primary"
- onPress={() => Alert.alert('pressed')}
- />
- </UseCase>
- <UseCase
- text="Disabled"
- usage="The disabled behaviour of the primary button."
- >
- <Button
- text="Click It"
- preset="primary"
- onPress={() => Alert.alert('pressed')}
- disabled
- />
- </UseCase>
- <UseCase text="Array Style" usage="Button with array style">
- <Button
- text="Click It"
- preset="primary"
- onPress={() => Alert.alert('pressed')}
- style={buttonStyleArray}
- textStyle={buttonTextStyleArray}
- />
- </UseCase>
- </Story>
- ))