reopt designreopt design
DocsExploreToolsPricingBuilder
Start
Overview
Start
Next.js 설치
Private install
Core Concepts
아키텍처
Composition Patterns
Accessibility
Keyboard Patterns
Styling
Theme System
Advanced Patterns
Build & Operate
Skills
AI Integration
CLI (opt surface add)
Dependency Graph
Tools
Canvas Catalog
Theme Builder
Form Builder
Templates
Templates
Releases
Release Notes
Oopt-ui
reopt designreopt design

A design system for the AI era

  • Docs
  • Pricing
  • Releases
  • GitHub
  • Terms of Service
  • Privacy Policy

© 2026 reopt-ai. All rights reserved.

PageHeader

core

페이지 제목, 설명, 액션 슬롯을 제공하는 레이아웃 헤더 컴포넌트.

컴포넌트 의존 관계

깊이
▲ USED BY (1)app-shellPageHeader
100%

기본 사용

프로젝트 설정

프로젝트의 기본 정보와 환경을 관리합니다.

대시보드

사용자 목록

등록된 사용자를 검색하고 관리합니다.

테스트 커버리지

2026년 2월 4일

생성된 테스트 결과를 찾지 못했습니다.

PageHeader 항목이 문서 메타에 연결되어 있지만 현재 생성 파일에는 없습니다.

테스트를 추가한 뒤 `bun run generate:test-results`를 실행하거나 `testDescribe` 매핑을 다시 확인하세요.

PageHeader Props

Prop타입기본값설명
title*string—페이지 제목
descriptionstring—제목 아래 설명 텍스트
actionsReactNode—오른쪽에 표시할 액션 슬롯 (버튼 등)
classNamestring—커스텀 CSS 클래스

Import

tsx
import { PageHeader } from "@reopt-ai/opt-ui";