사용법
기본
프로필 설정
계정 정보와 공개 범위를 관리할 수 있어요.
스타일 커스터마이징
PageHeader는 className과 style prop으로 루트 스타일을 덮어쓸 수 있어요.
<PageHeader className="rounded-full px-4" style={{ opacity: 0.9 }} />인터페이스
PageHeaderProps
| 속성 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| title* | string | — | 페이지 제목 |
| description | string | — | 부제·설명 |
| actions | ReactNode | — | 우측 액션 영역 |
| breadcrumb | ReactNode | — | 상단 브레드크럼 |
| className | string | — | 루트 요소 클래스. Tailwind·커스텀 CSS 적용 |
| style | CSSProperties | — | 인라인 스타일·CSS 변수(--gtd-*) 오버라이드 |
PageHeader 컴포넌트 Props 표
가져오기
import { PageHeader } from "@/components/ui/PageHeader";