TeamMemberList
shell팀원 목록 컴포넌트. 온라인 상태, 다양한 레이아웃(list, compact, avatars-only) 지원.
컴포넌트 의존 관계
깊이
100%
리스트 레이아웃 (기본)
팀원
2/5 온라인컴팩트 레이아웃
팀원
아바타만 표시
팀원
김이박최정
최대 표시 제한
팀원
2/5 온라인테스트 커버리지
2026년 2월 4일생성된 테스트 결과를 찾지 못했습니다.
TeamMemberList 항목이 문서 메타에 연결되어 있지만 현재 생성 파일에는 없습니다.
테스트를 추가한 뒤 `bun run generate:test-results`를 실행하거나 `testDescribe` 매핑을 다시 확인하세요.
TeamMemberList Props
| Prop | 타입 | 기본값 | 설명 |
|---|---|---|---|
members* | TeamMemberDef[] | — | 팀원 배열. { id, name, email, avatar?, role?, status? } |
title | string | "팀원" | 섹션 제목 |
layout | "list" | "compact" | "avatars-only" | "list" | 레이아웃 모드 |
maxDisplay | number | — | 최대 표시 인원 |
onMemberClick | (member: TeamMemberDef) => void | — | 팀원 클릭 핸들러 |
Import
tsx
import { TeamMemberList } from "@reopt-ai/opt-ui";키보드 동작
| 키 | 동작 |
|---|---|
| ↑ ↓ | 팀원 간 이동 |
| Enter | 팀원 선택 |