DeploymentCenter
BlocksManage deployments with branch and status selectors, quick actions, timelines, domains, and environment variables.
Present frequent actions in a grid or list with keyboard shortcut labels.
bun add @reopt-ai/opt-uiimport { QuickActions } from "@reopt-ai/opt-ui";Change the width and theme, then interact with the components.
| 키 | 동작 |
|---|---|
| ↑ ↓ ← → | 그리드에서 4방향 탐색 |
| ↑ ↓ | 리스트에서 수직 탐색 |
| Enter | 작업 실행 |
Manage deployments with branch and status selectors, quick actions, timelines, domains, and environment variables.
Manage tasks with activity, team members, quick actions, and filters.
Organize FAQ questions and answers with Composite and Disclosure components.
Browse environment variables with collapsible environment groups and Composite navigation.
Choose a Git branch with a wrapper around the Select primitive.
Consult six design-system reference sections covering primitives, keyboard patterns, Tailwind selectors, and accessibility attributes.
Show team members and online status in list, compact, or avatar-only layouts.
Display an event icon from a semantic key or React node with a background color.