feat(input): add all types (#80)

jundaoapp · Dec 18, 2023 · e28f5ac · e28f5ac
1 parent 7c5993a
commit e28f5ac
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 6 deletions.
diff --git a/src/components/input/index.tsx b/src/components/input/index.tsx
@@ -14,7 +14,7 @@ export type InputProps = IntrinsicComponentProps<
 		value?: string;
 		defaultValue?: string;
 		onChange?: (value: string) => void;
-		type?: "text" | "textarea";
+		type?: HTMLInputElement["type"] | "textarea";
 		size?: "small" | "default" | "large";
 		label?: string;
 		danger?: boolean;
@@ -108,11 +108,9 @@ export function Input(props: InputProps) {
 					{/* @ts-ignore: TS Can't infer type */}
 					<Dynamic
 						component={
-							{
-								text: TextField.Input,
-								textarea: TextField.TextArea,
-							}[local.type!]
+							local.type === "textarea" ? TextField.TextArea : TextField.Input
 						}
+						type={local.type === "textarea" ? undefined : local.type}
 						{...combinedProps}
 					/>
 

diff --git a/src/stories/Input.stories.jsx b/src/stories/Input.stories.jsx
@@ -9,7 +9,7 @@ export default {
 		onChange: { action: "onChange" },
 		type: {
 			control: { type: "select" },
-			options: ["text", "textarea"],
+			options: ["text", "textarea", "email", "password"],
 		},
 		size: {
 			control: { type: "select" },