Skip to content

Commit

Permalink
Feat(#38): Input 컴포넌트 및 스타일 파일 생성
Browse files Browse the repository at this point in the history
  • Loading branch information
KIMSEI1124 committed Nov 9, 2024
1 parent d5f0f1e commit 07bd8f9
Show file tree
Hide file tree
Showing 3 changed files with 42 additions and 0 deletions.
6 changes: 6 additions & 0 deletions src/components/Common/Input/Input.styled.ts
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
export interface InputStyling {
$width?: string;
$isValid?: boolean;
$void?: boolean;
$resize?: boolean;
}
19 changes: 19 additions & 0 deletions src/components/Common/Input/Input.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,19 @@
import { ComponentPropsWithRef } from 'react';

import type { InputStyling } from './Input.styled';

export interface InputProps extends ComponentPropsWithRef<'input'> {
styles: InputStyling;
}

function Input({ styles }: InputProps) {
const Tag = 'input';

return (
<div>
<Tag />
</div>
);
}

export default Input;
17 changes: 17 additions & 0 deletions src/stories/Common/Input.stories.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,17 @@
import type { Meta, StoryObj } from '@storybook/react';

import Input from '@/components/Common/Input/Input';

const meta: Meta<typeof Input> = {
title: 'Common/Input',
component: Input,
tags: ['autodocs'],
args: {
styles: {},
},
};

export default meta;
type Story = StoryObj<typeof meta>;

export const Default: Story = {};

0 comments on commit 07bd8f9

Please sign in to comment.