in src/stories/ActionList.stories.tsx [329:362]
export function SizeStressTestingStory(): JSX.Element {
return (
<>
<h1>Size Stress Testing</h1>
<ErsatzOverlay maxWidth="300px">
<ActionList
items={[
{
leadingVisual: ArrowRightIcon,
text: 'Block Description. Long text should wrap',
description: 'This description is long, but it is block so it wraps',
descriptionVariant: 'block',
trailingVisual: ArrowLeftIcon,
showDivider: true
},
{
leadingVisual: ArrowRightIcon,
text: 'Inline Description',
description: 'This description gets truncated because it is inline',
trailingVisual: ArrowLeftIcon,
showDivider: true
},
{
leadingVisual: ArrowRightIcon,
text: 'Really long text without a description should wrap',
trailingIcon: ArrowLeftIcon, // backward compatible
showDivider: true
}
]}
/>
</ErsatzOverlay>
</>
)
}