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 small displays and don’t truncate information all users need to see.