Data display

Table, Accordion, Avatar and Skeleton — each has a one-line shorthand API and a compound API when you need full control.

DisplayNewVhyxSeal

Table

Customers
Customer	Plan	MRR	Status
Acme Corp	Business	$4,200	active
Globex	Team	$890	trial
Initech	Starter	$49	past due

Need search, sorting and pagination? Use DataTable from @vhyxui/blocks.

Accordion

Do you ship worldwide?

Yes — to more than 120 countries, with tracking.

What is the return policy?

30 days, no questions asked.

Can AI agents use this?

Yes. Every Accordion carries a VhyxSeal contract (intent: toggle-section, safety: low).

Avatar

Skeleton

Agent contracts

Contracts shipped with Table and Accordion.

tableContract

{
  "type": "display",
  "intent": "display-data",
  "description": "Displays structured rows and columns of data",
  "requires": [],
  "requiredPermissions": [],
  "consequence": "None — display only.",
  "affects": [],
  "reversible": true,
  "safetyLevel": "low",
  "requiresConfirmation": false,
  "destructive": false,
  "contractVersion": "0.0.1",
  "fingerprint": "vhyxs_230cff09"
}

accordionContract

{
  "type": "navigation",
  "intent": "toggle-section",
  "description": "Expands or collapses a section of content to reveal or hide it",
  "requires": [],
  "requiredPermissions": [],
  "consequence": "Shows or hides the section content. No data changes.",
  "affects": [],
  "reversible": true,
  "safetyLevel": "low",
  "requiresConfirmation": false,
  "destructive": false,
  "contractVersion": "0.0.1",
  "fingerprint": "vhyxs_2979a657"
}