diff options
author | Kirill Rogovoy <[email protected]> | 2021-07-23 11:02:26 +0300 |
---|---|---|
committer | Kirill Rogovoy <[email protected]> | 2021-07-23 11:02:26 +0300 |
commit | 73308af061af5e17ac7d4a73fa027a2f303c70dd (patch) | |
tree | 816fb8231e13f58f7afe822742513b3150cdc871 /app_expo/components/form-row/form-row.story.tsx | |
parent | b8c58914cc1e251ce161905340647b6824d0a7c4 (diff) |
Update graph data when Emacs node changes + minor improvements
Diffstat (limited to 'app_expo/components/form-row/form-row.story.tsx')
-rw-r--r-- | app_expo/components/form-row/form-row.story.tsx | 107 |
1 files changed, 0 insertions, 107 deletions
diff --git a/app_expo/components/form-row/form-row.story.tsx b/app_expo/components/form-row/form-row.story.tsx deleted file mode 100644 index ea84e04..0000000 --- a/app_expo/components/form-row/form-row.story.tsx +++ /dev/null @@ -1,107 +0,0 @@ -/* eslint-disable react-native/no-inline-styles */ -/* eslint-disable react-native/no-color-literals */ - -import * as React from 'react' -import { storiesOf } from '@storybook/react-native' -import { StoryScreen, Story, UseCase } from '../../../storybook/views' -import { Text, FormRow } from '../' -import { color } from '../../theme/color' -import { ViewStyle } from 'react-native' - -declare let module - -const TEXT_STYLE_OVERRIDE = { - color: color.storybookTextColor, -} -const arrayStyle: ViewStyle[] = [{ borderWidth: 5 }, { borderColor: '#32cd32' }] - -storiesOf('FormRow', module) - .addDecorator((fn) => <StoryScreen>{fn()}</StoryScreen>) - .add('Assembled', () => ( - <Story> - <UseCase - text="Fully Assembled" - usage="FormRow has many parts designed to fit together. Here is what it looks like all assembled." - > - <FormRow preset="top"> - <Text preset="fieldLabel" style={TEXT_STYLE_OVERRIDE}> - Hello! I am at the top - </Text> - </FormRow> - <FormRow preset="middle"> - <Text style={TEXT_STYLE_OVERRIDE}> - Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi officia quo rerum - impedit asperiores hic ex quae, quam dolores vel odit doloribus, tempore atque deserunt - possimus incidunt, obcaecati numquam officiis. - </Text> - </FormRow> - <FormRow preset="middle"> - <Text preset="secondary" style={TEXT_STYLE_OVERRIDE}> - ...one more thing - </Text> - </FormRow> - <FormRow preset="bottom"> - <Text style={TEXT_STYLE_OVERRIDE}>🎉 Footers!</Text> - </FormRow> - </UseCase> - <UseCase text="Alternatives" usage="Less commonly used presets."> - <FormRow preset="clear"> - <Text style={TEXT_STYLE_OVERRIDE}> - My borders are still there, but they are clear. This causes the text to still align - properly due to the box model of flexbox. - </Text> - </FormRow> - <FormRow preset="soloRound"> - <Text style={TEXT_STYLE_OVERRIDE}>I'm round</Text> - </FormRow> - <FormRow preset="soloStraight" style={{ marginTop: 10, backgroundColor: '#ffe' }}> - <Text style={TEXT_STYLE_OVERRIDE}>I'm square and have a custom style.</Text> - </FormRow> - </UseCase> - </Story> - )) - .add('Presets', () => ( - <Story> - <UseCase text="top" usage="The top of a form."> - <FormRow preset="top"> - <Text style={TEXT_STYLE_OVERRIDE}>Curved borders at the top.</Text> - <Text style={TEXT_STYLE_OVERRIDE}>Nothing below</Text> - </FormRow> - </UseCase> - <UseCase text="middle" usage="A row in the middle of a form."> - <FormRow preset="middle"> - <Text style={TEXT_STYLE_OVERRIDE}>No curves and empty at the bottom.</Text> - </FormRow> - </UseCase> - <UseCase text="bottom" usage="The bottom of a form."> - <FormRow preset="bottom"> - <Text style={TEXT_STYLE_OVERRIDE}>Curved at the bottom</Text> - <Text style={TEXT_STYLE_OVERRIDE}>Line at the top.</Text> - </FormRow> - </UseCase> - <UseCase text="soloRound" usage="A standalone curved form row."> - <FormRow preset="soloRound"> - <Text style={TEXT_STYLE_OVERRIDE}>Curves all around.</Text> - </FormRow> - </UseCase> - <UseCase text="soloStraight" usage="A standalone straight form row."> - <FormRow preset="soloStraight"> - <Text style={TEXT_STYLE_OVERRIDE}>Curves nowhere.</Text> - </FormRow> - </UseCase> - <UseCase text="clear" usage="Identical dimensions but transparent edges."> - <FormRow preset="clear"> - <Text style={TEXT_STYLE_OVERRIDE}>Curves nowhere.</Text> - </FormRow> - </UseCase> - </Story> - )) - .add('Styling', () => ( - <Story> - <UseCase text="Style array" usage="Form row with an array of styles"> - <FormRow preset="soloStraight" style={arrayStyle}> - <Text style={TEXT_STYLE_OVERRIDE}>Array style.</Text> - </FormRow> - </UseCase> - </Story> - )) |