Variable: ui

const ui: {
  codeBlock: (lang, code, meta?) => UiBlock;
  echarts: (config, meta?) => UiBlock;
  json: (data, meta?) => UiBlock;
  list: (items, meta?) => UiBlock;
  markdown: (md, meta?) => UiBlock;
  mermaid: (diagram, meta?) => UiBlock;
  summary: (text, meta?) => UiBlock;
  table: (headers, rows, meta?) => UiBlock;
};

Defined in: packages/core/src/presenter/ui.ts:269

UI block helpers for Server-Side Rendering (SSR) in Presenters.

Core helpers: echarts, mermaid, markdown, codeBlockDX helpers: table, list, json, summary

Type Declaration

Name	Type	Defined in
codeBlock()	(lang, code, meta?) => UiBlock	packages/core/src/presenter/ui.ts:271
echarts()	(config, meta?) => UiBlock	packages/core/src/presenter/ui.ts:271
json()	(data, meta?) => UiBlock	packages/core/src/presenter/ui.ts:273
list()	(items, meta?) => UiBlock	packages/core/src/presenter/ui.ts:273
markdown()	(md, meta?) => UiBlock	packages/core/src/presenter/ui.ts:271
mermaid()	(diagram, meta?) => UiBlock	packages/core/src/presenter/ui.ts:271
summary()	(text, meta?) => UiBlock	packages/core/src/presenter/ui.ts:273
table()	(headers, rows, meta?) => UiBlock	packages/core/src/presenter/ui.ts:273

Example

import { ui } from '@vurb/core';

// Quick table from arrays
ui.table(['Name', 'Status'], [['Alice', 'Active'], ['Bob', 'Inactive']]);

// Quick list
ui.list(['Step 1: Deploy', 'Step 2: Verify']);

// Quick JSON viewer
ui.json({ config: { debug: true } });

// Charts and diagrams
ui.echarts(chartConfig);
ui.mermaid('graph TD; A-->B');