Add block description example

primer · Jun 10, 2024 · 96a9ef3 · 96a9ef3
1 parent 66e5405
commit 96a9ef3
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/packages/react/src/ActionList/ActionList.features.stories.tsx b/packages/react/src/ActionList/ActionList.features.stories.tsx
@@ -751,7 +751,11 @@ export const WithTrailingAction = () => {
           <ActionList.TrailingAction as="a" href="#" aria-label="Some action 1" icon={ArrowRightIcon} />
         </ActionList.Item>
         <ActionList.Item>
-          Item 3<ActionList.Description>Hello this is a description.</ActionList.Description>
+          Item 3<ActionList.Description>This is an inline description.</ActionList.Description>
+          <ActionList.TrailingAction aria-label="Some action 2" icon={BookIcon} />
+        </ActionList.Item>
+        <ActionList.Item>
+          Item 4<ActionList.Description variant="block">This is a block description.</ActionList.Description>
           <ActionList.TrailingAction aria-label="Some action 2" icon={BookIcon} />
         </ActionList.Item>
         <ActionList.LinkItem href="#">