You are viewing a PR preview for PR #1506

Agriculture Design System
Beta
Design System for the Export Service

Details

The Details component is used to provide users information and links that are helpful but not essential for all users to see.

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

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

Length

Label

Up to 80 characters.

Detail area copy

Up to 160 characters. No more than 1 paragraph.

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.