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

A design system for the AI era

  • Docs
  • Pricing
  • Releases
  • GitHub
  • Terms of Service
  • Privacy Policy

reopt Inc.Business registration no. 217-88-02453contact@reopt.ai

© 2026 reopt Inc. All rights reserved.

Explore/Shells/WorkflowCanvas

WorkflowCanvas

Shell

워크플로우 캔버스. 그리드 셀 기반 스텝 배치, SVG 연결선, 키보드 이동을 지원합니다.

workflow
Related docs
npx @reopt-ai/opt-cli surface add workflow-canvas
100%

기본 사용

Order Fulfillment

okdone

컴포넌트 의존 관계

깊이
▼ USES (1)WorkflowCanvasbadge

테스트 커버리지

2026년 7월 9일2/2 통과
2성공
0실패
2전체
  • 그리드와 스텝을 렌더링한다
  • onSelectStep 콜백을 호출한다

키보드 동작

키동작
↑ ↓ ← →선택 스텝 이동 (onStepMove 제공 시)
Enter스텝 선택

Related components

DeploymentTimeline

배포 단계 타임라인. Composite 기반 키보드 탐색 지원.

Workflow

TaskList

작업 목록 관리 컴포넌트. 우선순위, 상태, 담당자, 태그, 하위 작업 지원.

Workflow

ActivityFeed

활동 피드/로그 컴포넌트. 타임라인 스타일, 상대 시간 표시.

Workflow

FeatureFlagPanel

피처 플래그 관리 패널. 플래그 토글 + 환경 배지 + 롤아웃 % 조절.

Workflow

AuditLog

감사 로그 타임라인. 아바타 + 액션 텍스트 + 메타데이터 배지 레이아웃.

Workflow

AuditTimeline

변경 이력 타임라인. 액션별 색상 코딩 + 확장 가능한 diff 뷰.

Workflow
PreviousKeyValueEditorNextCodeSnippetViewer

기본 사용

배포 진행 상황

완료된 배포

Production 배포

기본 사용

작업 목록

1/3 완료

완료 토글 가능

작업 목록

1/3 완료

하위 작업 표시

작업 목록

1/3 완료