푸터

푸터는 화면을 구성하는 가장 마지막 요소로 헤더와 본문에서 원하는 정보를 찾지 못하였거나 사이트 구조 탐색 중에 길을 잃은 사용자들이 대면하게 되는 정보이다.

사용 지침

본문 흐름이 끝난 뒤 사용자가 추가 정보나 약관·개인정보처리방침에 접근할 수 있도록 항상 페이지 마지막에 배치하고, 화면 너비에 따라 컬럼 수를 조정합니다.

examples/footer/FooterDefault.tsx

import { siInstagram, siYoutube, siX, siFacebook, siNaver } from "simple-icons"
import {
  Footer,

examples/footer/FooterMinimal.tsx

import {
  Footer,
  FooterAddress,

examples/footer/FooterSimple.tsx

import { Footer, FooterCopyright, FooterLogo } from "@/components/ui/footer"

export default function FooterSimple() {

이름	타입	기본값	설명
aria-label	string	—	Defines a string value that labels the current element. @see aria-labelledby.
className	string	—	—
id	string	—	—
onClick	MouseEventHandler<HTMLElement>	—	—
style	CSSProperties	—	—
tabIndex	number	—	—