Data display · core

Table

data.table

Table: A structured display for reading, comparing, or inspecting information.

tablethe structured information blockthe data display

States4

Touch targetDisplay

Evidence4

Introduced by3 kits

Visual specimen

Same contract. Every kit voice.

Table
Name	Status	Updated
Foundation	Ready	1h
Components	Ready	2h
Evidence	Ready	3h

MAVAN renderingdefault

Translation table

What code calls it.

Web<table>The closest native or standardized web primitive.direct

ARIAtableThe primary accessibility role or state pattern.direct

SwiftUITableThe nearest named SwiftUI API.direct

AppKitNSTableViewThe nearest named AppKit API.direct

Anatomy

Every part, named.

1Caption
2Column headers
3Rows
4Cells
5Sort or selection controls
6Responsive overflow behavior

Often confused with

Similar shape. Different contract.

Listdata.list

Shares a visual family, but has a different role, state model, or interaction contract.

Actionable data griddata.data-grid

Shares a visual family, but has a different role, state model, or interaction contract.

Prompt · paste into your agent

Ask for the exact thing.

Implement the canonical Table component (data.table). Table: A structured display for reading, comparing, or inspecting information. Support these states: default, loading, empty, error. Use semantic design tokens rather than raw visual values. Preserve a minimum appropriatepx touch target where interactive. Provide and verify: implementation, state-matrix, responsive, reduced-motion. Keep the component API stable so every Studio kit can supply its own rendering without changing the behavior contract.

Studio contract

What must be proven.

Required states

default · loading · empty · error

Required evidence

implementation · state-matrix · responsive · reduced-motion

Source union

jade · cabana · purple-rain