fix: add input type search

tremorlabs · Jun 21, 2024 · d07a319 · d07a319
1 parent 613af59
commit d07a319
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 2 deletions.
diff --git a/src/components/input-elements/BaseInput.tsx b/src/components/input-elements/BaseInput.tsx
@@ -5,7 +5,7 @@ import { getSelectButtonColors, hasValue } from "components/input-elements/selec
 import { mergeRefs, tremorTwMerge } from "lib";
 
 export interface BaseInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
-  type?: "text" | "password" | "email" | "url" | "number";
+  type?: "text" | "password" | "email" | "url" | "number" | "search";
   defaultValue?: string | number;
   value?: string | number;
   icon?: React.ElementType | React.JSXElementConstructor<any>;

diff --git a/src/components/input-elements/TextInput/TextInput.tsx b/src/components/input-elements/TextInput/TextInput.tsx
@@ -4,7 +4,6 @@ import { makeClassName } from "lib";
 import BaseInput, { BaseInputProps } from "../BaseInput";
 
 export type TextInputProps = Omit<BaseInputProps, "stepper" | "makeInputClassName"> & {
-  type?: "text" | "password" | "email" | "url";
   defaultValue?: string;
   value?: string;
   onValueChange?: (value: string) => void;

diff --git a/src/stories/input-elements/TextInput.stories.tsx b/src/stories/input-elements/TextInput.stories.tsx
@@ -114,3 +114,10 @@ export const WithTypeUrl: Story = {
     type: "url",
   },
 };
+
+export const WithTypeSearch: Story = {
+  render: SimpleTextInput,
+  args: {
+    type: "search",
+  },
+};