푸터 Footer
푸터는 화면을 구성하는 가장 마지막 요소로 헤더와 본문에서 원하는 정보를 찾지 못하였거나 사이트 구조 탐색 중에 길을 잃은 사용자들이 대면하게 되는 정보이다. 따라서 푸터에는 사용자가 서비스를 탐색할 수 있는 추가적인 수단, 문제를 해결하는 데 참고할 수 있는 유용한 링크가 제공되어야 한다.
기본
tsx
import { Footer } from '@krds.ui/react'
export default function FooterDemo() {
return <Footer address="(04383) 서울특별시 용산구 이태원로 22" copyright="© 2026 KRDS" />
}Footer
Props
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
address | string | - | |
quickLinks | FooterQuickLink[] | - | |
logo | FooterLogo | - | |
contacts | FooterContact[] | - | |
links | FooterLink[] | - | |
socialLinks | FooterSocialLink[] | - | |
defaultLinkTarget | "_blank" | "_self" | _self | |
bottomLinks | FooterBottomLink[] | - | |
copyright | string | © 2023 National Health Insurance Service. All rights reserved. | |
identifierText | string | 이 누리집은 보건복지부 산하기관 누리집입니다. | |
identifier | FooterIdentifier | - | |
hideIdentifier | boolean | false | |
hideQuickLinks | boolean | false |