헤더

헤더는 사용자가 웹사이트에 접속하자마자 마주하게 되는 화면의 최상단 영역으로 디지털 정부 서비스의 브랜드 이미지를 전달하는 핵심 영역이다.

사용 지침

사용자가 어느 페이지에서든 동일한 위치에서 홈으로 이동하거나 핵심 메뉴를 탐색할 수 있도록 모든 라우트에 고정 배치하며, 접근성을 위해 건너뛰기 링크와 함께 사용합니다.

예제

Default

import { Menu, Search, UserPlus } from "lucide-react"
import {
  Header,

Logged In

import { LogOut, Menu, Search, User } from "lucide-react"
import {
  Header,

속성