1 files changed, 15 insertions, 0 deletions
diff --git a/ignite/templates/component/NAME.story.tsx.ejs b/ignite/templates/component/NAME.story.tsx.ejs
new file mode 100644
index 0000000..fca346c
--- /dev/null
+++ b/ignite/templates/component/NAME.story.tsx.ejs
@@ -0,0 +1,15 @@
+import * as React from "react"
+import { storiesOf } from "@storybook/react-native"
+import { StoryScreen, Story, UseCase } from "../../../storybook/views"
+import { color } from "../../theme"
+import { <%= props.pascalCaseName %> } from "./<%= props.kebabCaseName %>"
+
+storiesOf("<%= props.pascalCaseName %>", module)
+  .addDecorator((fn) => <StoryScreen>{fn()}</StoryScreen>)
+  .add("Style Presets", () => (
+    <Story>
+      <UseCase text="Primary" usage="The primary.">
+        <<%= props.pascalCaseName %> style={{ backgroundColor: color.error }} />
+      </UseCase>
+    </Story>
+  ))