feat(website): improve toast demo

chakra-ui · May 22, 2024 · 9a04307 · 9a04307
1 parent 780032f
commit 9a04307
Showing 1 changed file with 10 additions and 3 deletions.
diff --git a/website/src/demos/toast.demo.tsx b/website/src/demos/toast.demo.tsx
@@ -1,7 +1,7 @@
 'use client'
 import { Toaster, createToaster } from '@ark-ui/react/toast'
 import { XIcon } from 'lucide-react'
-import { Button, Toast } from '~/components/ui'
+import { Button, IconButton, Toast } from '~/components/ui'
 
 const toaster = createToaster({
   placement: 'bottom-end',
@@ -22,8 +22,15 @@ export const Demo = () => (
         <Toast.Root key={toast.id}>
           <Toast.Title>{toast.title}</Toast.Title>
           <Toast.Description>{toast.description}</Toast.Description>
-          <Toast.CloseTrigger>
-            <XIcon />
+          <Toast.ActionTrigger asChild>
+            <Button variant="link" size="sm" mt="2">
+              Action
+            </Button>
+          </Toast.ActionTrigger>
+          <Toast.CloseTrigger asChild>
+            <IconButton size="sm" variant="link">
+              <XIcon />
+            </IconButton>
           </Toast.CloseTrigger>
         </Toast.Root>
       )}