You are viewing a PR preview for PR #1506

Agriculture Design System
Beta
Design System for the Export Service

Table

Tables help make complex information easier to scan and compare. Use tables for exact values or information that would be hard to read in body text.

View in FigmaView in StorybookView in Github
import { ... } from '@ag.ds-next/react/table';

Truncating information

All users should have access to the same information. Ensure critical data isn’t hidden on mobile display and don’t truncate information all users need to see.