FormRow style array story

infinitered · Sep 26, 2018 · fda27fb · fda27fb
1 parent 6ecb0c5
commit fda27fb
Showing 1 changed file with 14 additions and 0 deletions.
diff --git a/boilerplate/src/views/shared/form-row/form-row.story.tsx b/boilerplate/src/views/shared/form-row/form-row.story.tsx
@@ -4,10 +4,15 @@ import { StoryScreen, Story, UseCase } from "../../../../storybook/views"
 import { FormRow } from "./form-row"
 import { Text } from "../text"
 import { color } from "../../../theme/color"
+import { ViewStyle } from "react-native"
 
 const TEXT_STYLE_OVERRIDE = {
   color: color.storybookTextColor,
 }
+const arrayStyle: ViewStyle[] = [
+  {borderWidth: 5},
+  {borderColor: "#32cd32"},
+]
 
 storiesOf("FormRow", module)
   .addDecorator(fn => <StoryScreen>{fn()}</StoryScreen>)
@@ -86,3 +91,12 @@ storiesOf("FormRow", module)
       </UseCase>
     </Story>
   ))
+  .add("Style", () => (
+    <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>
+  ))