style(blog): tag 컴포넌트 style props 추가 및 transition 스타일 추가 #37

CraBft · Apr 24, 2022 · ee3167b · ee3167b
1 parent 53c47bf
commit ee3167b
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/packages/blog/components/Tag/Tag.styled.tsx b/packages/blog/components/Tag/Tag.styled.tsx
@@ -48,9 +48,12 @@ const Styled = {
     align-items: center;
     justify-content: center;
     width: fit-content;
+    height: fit-content;
 
     cursor: pointer;
 
+    transition: all 0.2s ease-in;
+
     ${({ view }: SProps) =>
       view &&
       css`

diff --git a/packages/blog/components/Tag/Tag.tsx b/packages/blog/components/Tag/Tag.tsx
@@ -5,10 +5,11 @@ export interface TagProps extends SProps {
   name: string
   onClick: MouseEventHandler<HTMLButtonElement> &
     ((event: React.MouseEventHandler<HTMLButtonElement>) => void | undefined)
+  style?: React.CSSProperties
 }
 
-const Tag: React.FC<TagProps> = ({ name, onClick, view }) => (
-  <Styled.tag view={view} onClick={onClick}>
+const Tag: React.FC<TagProps> = ({ name, onClick, view, style }) => (
+  <Styled.tag view={view} onClick={onClick} style={style}>
     {name}
   </Styled.tag>
 )