SAV Design/Data Panel

Data Panel

Sharp bordered container for tables and lists (bg-card + ring, horizontal scroll built in) with an optional DataPanelHeader title/action row.

App patternsregistry:component

Install

npx shadcn@latest add @sav/data-panel

Needs "@sav": "https://design.sasv.ch/r/{name}.json" under registries in components.json. Direct URL: /r/data-panel.json.

Preview

Open invoices

NumberMemberAmount
INV-2026-041Ada LovelaceCHF 1'250.00
INV-2026-042Grace HopperCHF 480.00

Files

  • registry/sav/components/data-panel.tsx→ @components/data-panel.tsx

Dependencies

Registry items

—

npm packages

cn