DeploymentCenter
BlocksManage deployments with branch and status selectors, quick actions, timelines, domains, and environment variables.
Choose a Git branch with a wrapper around the Select primitive.
bun add @reopt-ai/opt-uiimport { BranchSelect } from "@reopt-ai/opt-ui";Change the width and theme, then interact with the components.
선택된 브랜치: main
Manage deployments with branch and status selectors, quick actions, timelines, domains, and environment variables.
Organize FAQ questions and answers with Composite and Disclosure components.
Browse environment variables with collapsible environment groups and Composite navigation.
Consult six design-system reference sections covering primitives, keyboard patterns, Tailwind selectors, and accessibility attributes.
Present frequent actions in a grid or list with keyboard shortcut labels.
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.