diff --git a/components/LinkBar.tsx b/components/LinkBar.tsx new file mode 100644 index 0000000..9d2b4a9 --- /dev/null +++ b/components/LinkBar.tsx @@ -0,0 +1,26 @@ +interface LinkBarProps { + link: string; + onClick?: () => void; +} + +/** + * 링크 주소를 표시하는 컴포넌트 + * @param link 링크 주소 + * @param onClick 링크 클릭 시 실행할 함수 + */ +export default function LinkBar({ link, onClick }: LinkBarProps) { + return ( + + ); +} diff --git a/pages/test/index.tsx b/pages/test/index.tsx index 5a1065f..79585f4 100644 --- a/pages/test/index.tsx +++ b/pages/test/index.tsx @@ -1,4 +1,5 @@ import Button from '@/components/Button'; +import LinkBar from '@/components/LinkBar'; export default function Test() { const commonCellClass = 'border-r border-gray-300'; @@ -14,7 +15,7 @@ export default function Test() { - + Button @@ -33,8 +34,10 @@ export default function Test() { - 컴포넌트명 입력 - {/* 컴포넌트를 추가해주세요 */} + LinkBar + + + diff --git a/public/icon/icon-link.svg b/public/icon/icon-link.svg new file mode 100644 index 0000000..23004b0 --- /dev/null +++ b/public/icon/icon-link.svg @@ -0,0 +1,3 @@ + + +