Add input stories

Author: trungvose

frontend/.storybook/preview.js

@@ -7,4 +7,5 @@ import "../src/styles.scss";
 
 export const parameters = {
   actions: { argTypesRegex: "^on[A-Z].*" },
+  controls: { expanded: true }
 }

frontend/src/app/jira-control/input/input.stories.ts

@@ -0,0 +1,31 @@
+import { ReactiveFormsModule } from '@angular/forms';
+import { Meta, Story } from '@storybook/angular';
+import { moduleMetadata } from '@storybook/angular';
+import { InputComponent } from './input.component';
+
+export default {
+  title: 'Components/Input',
+  component: InputComponent,
+  decorators: [
+    moduleMetadata({
+      imports: [ReactiveFormsModule],
+      declarations: [InputComponent]
+    })
+  ],
+  argTypes: {
+    placeholder: {
+      control: 'text'
+    }
+  }
+} as Meta;
+
+const Template: Story<InputComponent> = (args: InputComponent) => ({
+  component: InputComponent,
+  props: args
+});
+
+export const Flat: Story<InputComponent> = Template.bind({});
+Flat.args = {
+  containerClassName: 'flat text-textMedium',
+  placeholder: 'Search'
+};