Rivet UI / Component Index

Primitive / 001

Button

Ready

Variants

Scale

System states

Use Tab to inspect the focus-visible state. Icon-only controls require an accessible name.

Primitives / 002—003

Input + Field

Native

Used to authenticate requests from this workspace.

Standalone

Field anatomy

The public base URL for outgoing requests.

Semantics

System states

Unavailable while the project is archived.

Generated by the system and available for copying.

Native types

Primitive / 004

Checkbox

Boolean

Lint and type checks completed without errors.

Run all browser and API integration tests.

Some review requirements are complete.

States

Unchecked
Checked
Mixed

System states

Disabled
Disabled checked
Read only
Invalid

Field anatomy

Send operational metrics without account identifiers.

Primitive / 005

Select

Single

Applied to every function in this deployment.

States

Structure

Scrollable

Primitive / 006

Radio Group

Single choice

Select the environment that receives the next release.

Compact grid

Option states

Field error

Group states

Primitive / 007

Switch

Toggle

Route traffic to a healthy region when the primary region is unavailable.

Pause external traffic while deployment work is in progress.

Record configuration changes for the workspace activity log.

States

Off
On

System states

Disabled
Disabled on
Read only
Invalid

Field anatomy

Create an isolated deployment for every branch.

Primitive / 008

Tabs

Navigation

Project / rv_01

Production gateway

Live system status and current deployment configuration.

Region
eu-central
Runtime
Bun 1.3
Status
Operational

Vertical

Infrastructure

Private network

Services communicate through an isolated regional network.

Manual mode

Arrow keys move focus. Enter or Space activates the focused tab.

Primitive / 009

Tooltip

Hint

Deployment / dpl_8f31c2a

Production gateway

Regioneu-central
StateReady

Placement

Composition

Tooltips supplement an already labelled control. Essential instructions remain visible in the interface.

Primitive / 010

Popover

Surface

Deployment / production

api.rivet.run

Configure the public alias without leaving the current context.

Placement

Composition

Use trapped focus only when completing the popover task requires uninterrupted keyboard navigation.

Primitive / 011

Card

Structure

Production gateway

Public entry point for traffic routed through the Frankfurt region.

Requests
28.4k
Latency
84 ms
Errors
0.02%
Operational

Composition

Worker capacity

Runtime allocation for the current environment.

72%18 / 25 active

Private network

Isolate services from public ingress and route traffic internally.

Content only

Build / 8f31c2a

Cards may contain a single region when a header or footer would add no useful hierarchy.

Primitive / 012

Dialog

Modal

Deployments / 03

Create a production deployment

Configure the source branch and public alias before deployment.

Scale

Overflow

The dialog remains centered while short and becomes viewport-scrollable when its content exceeds the available height.

Primitive / 013

Table

Data
Deployment traffic and runtime state during the last 24 hours.
DeploymentStatusRegionRequestsUpdatedActions

Production gateway

dpl_8f31c2a

Readyeu-central28,4102 min ago

Checkout worker

dpl_0c74ae1

Buildingus-east9,8428 min ago

Asset transformer

dpl_4b90df7

Readyeu-west6,20921 min ago

Legacy webhook

dpl_a812e65

Pausedus-west03 hr ago
Total requests44,461

Compact

ServiceRuntimeMemory
API gatewayBun 1.3512 MB
Queue workerNode 241 GB

Empty state

Artifacts appear after the first successful production build.
ArtifactSizeActions

No build artifacts available.

Primitive / 014

Dropdown Menu

Actions

Production gateway

dep_01K2M7Q9 · fra1

Selection

Primitive / 015

Textarea

Native

Visible to everyone with access to this deployment.

States

Validation

Primitives / 016

Badge / Status

Metadata

API gateway

Region / fra1

Operational

Queue worker

Region / iad1

Deploying

Legacy webhook

Region / sfo1

Degraded

Badge variants

StablePreviewv2.4.0Blocked

Status tones

IdleOperationalBuildingFailed

Primitive / 017

Separator

Structure

Deployment / production

Production gateway

Public traffic routed through the Frankfurt region.

Region
fra1
Runtime
Bun 1.3
State
Ready

Horizontal

Build configuration

Environment variables and runtime settings

Vertical

OverviewActivitySettings

Primitive / 018

Skeleton

Loading
Loading deployment details

Text

Controls

Primitive / 019

Accordion

Disclosure set

The last healthy immutable release remains available. Promote it to production to restore traffic without rebuilding artifacts.

Multiple

Install, validate, and compile the immutable release artifact.

Upload the artifact, run health checks, and move production traffic.

Primitive / 020

Collapsible

Disclosure
Primary region
fra1
Failover region
iad1
Health threshold
3 checks

Compact

Disabled

Primitive / 021

Toast

Notification

Production deployment

Publish the current revision and receive non-blocking feedback.

Types

Urgent failures use assertive announcements and remain visible until dismissed.

Primitive / 022

Alert

Message

States

Primitive / 023

Progress

Task state
Uploading deployment artifacts
x
36.8 MB / 51.2 MB12 sec remaining

States

Building
x
Complete
x
Waiting
x

Custom range

Release pipeline
x