사용법
영역 구성
left, contents, right로 한 줄 리스트를 구성해요. ListRow.Text로 텍스트 스타일을 맞춰요.
스타일 커스터마이징
ListRow는 className과 style prop으로 루트 스타일을 덮어쓸 수 있어요.
<ListRow className="rounded-full px-4" style={{ opacity: 0.9 }} />인터페이스
ListRowProps
| 속성 | 타입 | 기본값 | 설명 |
|---|---|---|---|
| contents* | ReactNode | — | 중앙 콘텐츠 |
| left | ReactNode | — | 좌측 영역 |
| right | ReactNode | — | 우측 영역 |
| border | "none" | "indented" | "full" | indented | 구분선 스타일 |
ListRow 컴포넌트 Props 표
가져오기
import { ListRow } from "@/components/ui/ListRow";