PathAnalysis
BlocksConfigure user-path analysis and explore grid or Sankey flows, top paths, drop-off, patterns, entry and exit points, and dwell time.
Enter numbers with step buttons, nullable values, unit suffixes, invalid draft alerts, bounds, and arrow keys.
bun add @reopt-ai/opt-uiimport { NumberInput } from "@reopt-ai/opt-ui";Change the width and theme, then interact with the components.
값을 비우면 할인을 적용하지 않습니다.
현재 값: 35. 숫자가 아닌 문자를 입력하면 즉시 오류가 안내되고, 지우기 버튼은 값을 null로 커밋합니다.
현재 값: 0.1 — +/- 버튼으로 0.2씩 더해도 0.30000000000000004 같은 누적 오차가 없습니다.
라벨을 좌우로 드래그하면 값이 바뀝니다(scrub). 입력란 포커스 후↑/↓ 한 칸, PageUp/PageDown 10칸, Home/End 최소·최대. 스테퍼 버튼은 길게 누르면 반복됩니다.
| 키 | 동작 |
|---|---|
| ↑ | 값 증가 (step 단위) |
| ↓ | 값 감소 (step 단위) |
Configure user-path analysis and explore grid or Sankey flows, top paths, drop-off, patterns, entry and exit points, and dwell time.
Build a dropdown selection with Root, Label, Trigger, Popover, and Item components.
Build autocomplete search with an input, popover, items, groups, group labels, and an empty state.
Use accessible buttons with primary, secondary, ghost, and danger variants, three sizes, icons, loading, and aria-busy states.
Use a standalone text input with labels, errors, hints, and icons.
Toggle a setting with three sizes and explicit accessible associations for labels and descriptions.
Enter multiline text with the same label, error, and hint API as Input.