Agriculture Design System
Beta
Design System for the Export Service

Card

Also known as Tiles, Cards are a layout component that link to more information on a topic.

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

For general guidance on content, go to the content patterns.

Length

Card title

30 characters maximum

Body copy

Maximum 80 characters. Ensure copy runs within 3 lines.

Style 

For general content guidance on content go to:

For DAFF staff, please refer to the internal departmental style guide.

There are slight variations between these guides. If guidance differs, follow the DAFF style guide first or the next in order down this list.

Voice and tone

Go to the TFTM Voice and tone guide for guidance.