reopt designreopt design
DocsExploreToolsPricingBuilder
로그인
Explore/
opt-ui165opt-charts33opt-datagrid6opt-editor5opt-calendar4opt-filemanager4opt-chat6opt-shell14brandapp-ui8Examples12Builder Blocks
Overview165Core59Shells75Blocks31
reopt designreopt design

AI 시대를 위한 디자인 시스템

  • 문서
  • 가격
  • 릴리즈 노트
  • GitHub
  • 서비스 약관
  • 개인정보처리방침

주식회사 리옵트사업자등록번호 217-88-02453contact@reopt.ai

© 2026 reopt Inc. All rights reserved.

Explore/블록/UserExplorer

UserExplorer

블록

사용자 탐색 Surface. DataTable + FilterBar 조합.

filter
관련 문서
npx @reopt-ai/opt-cli block add user-explorer
100%

기본 사용

Users

Filters
Users

Data Table

NameEmailPlanStatusSigned Up
Alice Kimalice@example.comproactive2024-01-10
Bob Parkbob@example.comfreeactive2024-02-15
Carol Leecarol@example.comenterpriseinactive2023-11-20

Stats + 정렬 + 페이지네이션

Users

Total Users3↑ +10%
Active2↑ +5%
New Today1→ 0%
Churned0↓ -2%
Filters
Users

Data Table

NameEmailPlanStatusSigned Up
Alice Kimalice@example.comproactive2024-01-10
Bob Parkbob@example.comfreeactive2024-02-15
Carol Leecarol@example.comenterpriseinactive2023-11-20

컴포넌트 의존 관계

깊이
▼ USES (4)UserExplorerdata-tablefilter-barloading-overlaysummary-row

테스트 커버리지

2026년 7월 9일

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

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

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

관련 컴포넌트

FilterBar

필터링 바 컴포넌트. 검색, 선택, 다중 선택 필터 지원.

필터

SegmentManager

세그먼트 관리 Surface. DataTable + SegmentBuilder 조합.

필터

EventCatalog

이벤트 카탈로그 Surface. DataTable + EventIcon + EventSparkline + EventMetaEditor 조합.

필터

LoadingOverlay

로딩 오버레이. 중복 status 없이 하나의 aria-busy 라이브 영역으로 콘텐츠 위 로딩 상태를 표시합니다.

피드백인디케이터

SearchCombobox

match-sorter 기반 퍼지 검색 콤보박스.

필터

DataTable

제네릭 데이터 테이블. 동적 컬럼, 결측값 안전 정렬, 키보드 컬럼 리사이즈, 보정된 인라인 진행률과 Composite 탐색을 지원합니다.

데이터
이전SegmentManager다음AcquisitionAnalysis

기본 사용

검색 필터만

기본 사용

Segments

Data Table

NameUsersCreated
Power Users1,2342024-01-15
Churning Users5672024-02-01