add custom props to story

heyjul3s · Jan 2, 2021 · 74019c7 · 74019c7
1 parent e813055
commit 74019c7
Showing 1 changed file with 13 additions and 2 deletions.
diff --git a/packages/text-input/index.stories.tsx b/packages/text-input/index.stories.tsx
@@ -23,14 +23,25 @@ const inputs = {
   }
 };
 
+type BasicUsageProps = {
+  disabled?: boolean;
+  placeholder?: string;
+  onBlur?: () => void;
+};
+
 const { Base: InputText, InputSearch, InputUrl } = createTextInputs<
-  typeof inputs.components
+  typeof inputs.components,
+  BasicUsageProps
 >(inputs.base, inputs.components);
 
 export function BasicUsage() {
+  const onBlur = (text: string) => () => {
+    console.log('Blur', text);
+  };
+
   return (
     <>
-      <InputText />
+      <InputText onBlur={onBlur('Hello')} />
       <InputSearch />
       <InputUrl />
     </>