Agriculture Design System
Design System for import and export services

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.