diff --git a/packages/components/src/Input/Input.stories.tsx b/packages/components/src/Input/Input.stories.tsx
index 703610a720..7c6d926902 100644
--- a/packages/components/src/Input/Input.stories.tsx
+++ b/packages/components/src/Input/Input.stories.tsx
@@ -98,3 +98,11 @@ export const WithIcons: Story = {
     />
   ),
 };
+
+export const FileInput: Story = {
+  render: args => <Input placeholder="Placeholder..." {...args} type="file" />,
+};
+
+export const ColorPicker: Story = {
+  render: args => <Input placeholder="Placeholder..." {...args} type="color" />,
+};