SegmentBuilder
ShellsDefine event, property, cohort, or custom segments with accessible condition controls.
Manage segments with a DataTable and SegmentBuilder.
npx @reopt-ai/opt-cli block add segment-managerimport { SegmentManager } from "@/components/surfaces/segment-manager";Change the width and theme, then interact with the components.
| Name | Users | Created |
|---|---|---|
| Power Users | 1,234 | 2024-01-15 |
| Churning Users | 567 | 2024-02-01 |
생성된 테스트 결과를 찾지 못했습니다.
SegmentManager 항목이 문서 메타에 연결되어 있지만 현재 생성 파일에는 없습니다.
테스트를 추가한 뒤 `bun run generate:test-results`를 실행하거나 `testDescribe` 매핑을 다시 확인하세요.
Define event, property, cohort, or custom segments with accessible condition controls.
Explore user records with a DataTable and FilterBar.
Browse events with one Query controlling all filters and an inspector that keeps the list visible.
Use accessible buttons with primary, secondary, ghost, and danger variants, three sizes, icons, loading, and aria-busy states.
Overlay a loading state with one aria-busy live region and no duplicate status announcements.
Search options with match-sorter fuzzy matching in a combobox.