in src/stories/ActionList2/fixtures.stories.tsx [605:646]
export function SizeStressTestingStory(): JSX.Element {
return (
<>
<h1>Size Stress Testing</h1>
<ErsatzOverlay maxWidth="300px">
<ActionList showDividers>
<ActionList.Item>
<ActionList.LeadingVisual>
<ArrowRightIcon />
</ActionList.LeadingVisual>
Block Description. Long text should wrap
<ActionList.Description variant="block">
This description is long, but it is block so it wraps
</ActionList.Description>
<ActionList.TrailingVisual>
<ArrowLeftIcon />
</ActionList.TrailingVisual>
</ActionList.Item>
<ActionList.Item>
<ActionList.LeadingVisual>
<ArrowRightIcon />
</ActionList.LeadingVisual>
Inline Description
<ActionList.Description>This description gets truncated because it is inline</ActionList.Description>
<ActionList.TrailingVisual>
<ArrowLeftIcon />
</ActionList.TrailingVisual>
</ActionList.Item>
<ActionList.Item>
<ActionList.LeadingVisual>
<ArrowRightIcon />
</ActionList.LeadingVisual>
Really long text without a description should wrap so it wraps
<ActionList.TrailingVisual>
<ArrowLeftIcon />
</ActionList.TrailingVisual>
</ActionList.Item>
</ActionList>
</ErsatzOverlay>
</>
)
}