DeploymentCenter
BlocksManage deployments with branch and status selectors, quick actions, timelines, domains, and environment variables.
Manage domain rows in a Composite grid with keyboard navigation.
bun add @reopt-ai/opt-uiimport { DomainTable } from "@reopt-ai/opt-ui";Change the width and theme, then interact with the components.
| Domain | Status | SSL | Redirect | Added |
|---|---|---|---|---|
| example.com | Active | Valid | — | 2024-01-15 |
| www.example.com | Active | Valid | example.com | 2024-01-15 |
| api.example.com | Active | Valid | — | 2024-02-01 |
| staging.example.com | Pending | Pending | — | 2024-03-01 |
| old.example.com | Error | Expired | — | 2023-06-01 |
Manage deployments with branch and status selectors, quick actions, timelines, domains, and environment variables.
Display generic tabular data with dynamic columns, safe sorting, keyboard resizing, an accessible grid label, and an optional title.
Explore windowed query results with typed headers, local sorting, resizable columns, row details, and explicit null, boolean, and object values.
Arrange draggable and resizable dashboard widgets with react-grid-layout.
Explore hierarchical rows with recursive rendering and expand and collapse controls.
Edit cells with a double click, confirm with Enter, and cancel with Escape.
Move cards between Kanban columns using HTML5 drag and drop.