Adapter SDK

adapter sdk

Builtin components

DSUI's UI primitives for building adapter pages.

DSUI ships 28 builtin components. Adapters compose them in render functions — no React, HTML, or CSS crosses the server boundary.

Layout

ComponentPurpose
GridCSS grid with 1-6 columns
ColumnsMulti-column weighted layout
FlexFlexbox row or column
StackVertical stack with gap
SplitPaneSidebar + content + inspector

Data display

ComponentPurpose
TableData table with rows, actions, filters
ValueSingle field from a data source
KeyValueKey-value pairs
MeterHorizontal bar chart
BadgeStatus indicator
IconNamed icon
CollectionIterate over a data source
ResourceTreeHierarchical tree navigator

Containers

ComponentPurpose
CardVersatile container with title, badge, link
SectionTitled content block
PageHeaderPage-level header
TabsTabbed interface
ResourceData-binding wrapper

Input

ComponentPurpose
ButtonClickable action trigger
FormZod-driven form
SelectDropdown input
TextInputText input field

Code

ComponentPurpose
CodeBlockRead-only syntax-highlighted code
CodeEditorEditable code editor (browser only)
QueryEditorQuery editor with explorer sidebar

Notebook

ComponentPurpose
NotebookFull notebook with markdown + code blocks
NotebookCatalogNotebook listing view
LinkNavigational link

Custom components

Reuse composites with defineComponent render, or ship a browser component with path.

Badge

Status indicator with label and tone.

Layout
Data display
Containers
Input
Code
Notebook