사용법
기본
화면 상단에 제목과 좌·우 액션 슬롯을 배치해요.
문서 상세
GoldTreeDev
본문이 이어져요.
스타일 커스터마이징
Top는 className과 style prop으로 루트 스타일을 덮어쓸 수 있어요.
<Top className="rounded-full px-4" style={{ opacity: 0.9 }} />인터페이스
TopProps
| 속성 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| title | string | — | 중앙 제목 |
| subtitle | string | — | 부제목 |
| left | ReactNode | — | 좌측 슬롯 |
| right | ReactNode | — | 우측 슬롯 |
Top 컴포넌트 Props 표
가져오기
import { Top } from "@/components/ui/Top";