Feat: Layout 컴포넌트 수정, Typo 컴포넌트 추가

[im-na0]

Issue Number

close

⛳️ Task

• Layout 컴포넌트 변경
• Typo 컴포넌트 추가

✍️ Note

1. Layout 컴포넌트 변경

• bg 프로퍼티 추가 → 배경색 지정 가능
• isHeaderOn, isBottomNavOn props 타입 옵셔널로 변경, default = false
• Header 컴포넌트 text 프로퍼티 추가 → 헤더 타이틀을 text 프로퍼티 통해서 전달 가능

Layout을 좀 더 유연하게 수정할 수 있게끔 변경했습니다.

2. Typo 컴포넌트 추가

간단한 타이포그래피용 컴포넌트를 추가했습니다.

<Typo as="p" typo="body1" color="black">텍스트 입력</Typo>

Props

• as?: ElementType default span
• typo: TypoKeys
• color?: ColorKeys default black
• isEllipsis: boolean default false
• textAlign?: CSSProperties["textAlign"]

📎 Reference

[github-actions]

Visit the preview URL for this PR (updated for commit 9f2dcd0):

https://percenthotel--pr354-feature-352-common-cuf6liuj.web.app

_{(expires Thu, 30 May 2024 10:36:58 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: 5f3aee9d8d8535dbb552ad12361bc813c5a90573}