reopt designreopt design
DocsExploreToolsPricingBuilder
Start
Overview
Start
Next.js 설치
Private install
Core Concepts
아키텍처
Composition Patterns
Accessibility
Keyboard Patterns
Styling
Theme System
Advanced Patterns
Build & Operate
Skills
AI Integration
CLI (opt surface add)
Dependency Graph
Tools
Canvas Catalog
Theme Builder
Form Builder
Templates
Templates
Releases
Release Notes
Oopt-ui
reopt designreopt design

A design system for the AI era

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

© 2026 reopt-ai. All rights reserved.

QuickActions

shell

빠른 작업 패널. 그리드/리스트 레이아웃, 단축키 표시 지원.

컴포넌트 의존 관계

깊이
▲ USED BY (2)▼ USES (1)task-dashboarddeployment-centerQuickActionskbd
100%

그리드 레이아웃 (기본)

빠른 작업

리스트 레이아웃

빠른 작업

3컬럼 그리드

빠른 작업

테스트 커버리지

2026년 2월 4일

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

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

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

QuickActions Props

Prop타입기본값설명
actions*QuickActionDef[]—작업 배열. { id, label, description?, icon?, shortcut?, onClick }
titlestring"빠른 작업"섹션 제목
layout"grid" | "list""grid"레이아웃 모드
columns2 | 3 | 43그리드 컬럼 수

Import

tsx
import { QuickActions } from "@reopt-ai/opt-ui";

키보드 동작

키동작
↑ ↓ ← →그리드에서 4방향 탐색
↑ ↓리스트에서 수직 탐색
Enter작업 실행