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/셸/WorkflowCanvas

WorkflowCanvas

셸

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

workflow
관련 문서
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스텝 선택

관련 컴포넌트

DeploymentTimeline

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

워크플로우

TaskList

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

워크플로우

ActivityFeed

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

워크플로우

FeatureFlagPanel

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

워크플로우

AuditLog

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

워크플로우

AuditTimeline

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

워크플로우
이전KeyValueEditor다음CodeSnippetViewer

기본 사용

배포 진행 상황

완료된 배포

Production 배포

기본 사용

작업 목록

1/3 완료

완료 토글 가능

작업 목록

1/3 완료

하위 작업 표시

작업 목록

1/3 완료