reopt design
DocsExploreTemplatesCanvasToolsPricing
Login
opt-uiopt-chartsopt-datagridopt-editoropt-calendaropt-filemanageropt-chatopt-shellbrandapp-ui
brandapp-ui8
Reopt Record Table
reopt designreopt design

A design system for the AI era

  • Docs
  • Pricing
  • Releases
  • About
  • Contact
  • Terms of Service
  • Privacy Policy

reopt Inc.Business registration no. 217-88-02453contact@reopt.ai

© 2026 reopt Inc. All rights reserved.

Data Tablebrandapp-ui example

Reopt Record Table

The shipped ReoptRecordTable Surface with local EAV-shaped responses, inferred columns, attribute labels, server pagination, row selection, and empty/error recovery. Production SDK calls use authorized server-side machine credentials.

eavdatatablebrandapp-sdk
opt block add reopt-record-table

APIs used

ReoptRecordTable

Live preview

Change the width and theme, then interact with the components.

1024px

This preview mounts the shipped ReoptRecordTable surface. Its local fetcher returns EAV-shaped records, attribute labels, and server pagination without accessing an account.

Campaign records

Loading records…
Page 1 of ?

Try pagination, sorting, and row selection. Switch to an empty or failed response, then restore the records.

In your app, recordsEndpoint must enforce the signed-in user's access before returning records. Configure server SDK calls with a machine credential (private_key_jwt + DPoP); the login client's secret is only for OAuth login. You can also pass authorized, server-fetched rows through records.

Install and import

Related docs

Install

opt block add reopt-record-table

Import

import { ReoptRecordTable } from "@/components/surfaces/reopt-record-table";

Related Examples

brandapp-ui

BrandApp Control Center

Examples

SDK control center showing server-side verifier checks, auth health, secret rotation, EAV schema remediation, AI credit guardrails, webhook replay, terms publication, and lazy server-client boundaries.

brandapp-ui

Reopt AI Chat

Examples

A local chat simulation built with opt-chat components: seeded streaming replies, stop controls, model selection, and suggestions. No model requests or credits are used; a separate snippet shows copied Surface integration.

brandapp-ui

Reopt AI Image Studio

Examples

The shipped ReoptAiImageStudio Surface with a local fetcher: create SVG fixtures, inspect history, simulate credit errors, and retry without making AI requests.

PreviousReopt AI Image Studio