sigilUI

Data Grid

Display records in a structured data grid.

@sigil-ui/componentsReact

Preview

Live preview Interactive

Import

import { DataGrid } from "@sigil-ui/components";

Usage

<DataGrid columns={2}><StatCard label="A" value="12" /><StatCard label="B" value="24" /></DataGrid>

CLI

npx @sigil-ui/cli add data-grid

Token Integration

DataGrid follows the Sigil component rules: styles resolve from var(--s-*), class names are mergeable through className, and the component is exported from @sigil-ui/components.