GoldTreeDevGTD UI

문서 제목, 아이콘 이름, 앱 이름으로 검색할 수 있어요.

전체 문서 보기 이동 · Enter 열기 · Esc 닫기

ListHeader

리스트 섹션의 제목과 보조 설명을 표시해요.

사용법

기본

리스트 섹션의 제목과 보조 설명을 표시해요. 우측에 액션을 배치할 수 있어요.

최근 문서

최근 7일

스타일 커스터마이징

ListHeaderclassNamestyle prop으로 루트 스타일을 덮어쓸 수 있어요.

<ListHeader className="rounded-full px-4" style={{ opacity: 0.9 }} />

인터페이스

ListHeaderProps

속성타입기본값설명
title*string섹션 제목
descriptionstring보조 설명
rightReactNode우측 액션

ListHeader 컴포넌트 Props 표

가져오기

import { ListHeader } from "@/components/ui/ListHeader";
ListHeader · GTD UI | GoldTreeDev Docs