Agriculture Design System
Beta
Design System for the Export Service

Details

The Details component hides non-essential content unless a user explicitly chooses to view it.

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.