test(nextjs): add component avatar (#20)

openlitedotdev · Mar 27, 2024 · 0f8acd4 · 0f8acd4
1 parent c3dd3ac
commit 0f8acd4
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/test/with-nextjs/app/page.tsx b/test/with-nextjs/app/page.tsx
@@ -1,5 +1,5 @@
 import Image from 'next/image'
-import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, Badge, Button } from '@design-system/react'
+import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, Avatar, AvatarFallback, AvatarImage, Badge, Button } from '@design-system/react'
 
 export default function Home() {
   return (
@@ -21,6 +21,12 @@ export default function Home() {
         <Badge variant="success">
           Examples UI
         </Badge>
+        <Avatar>
+          <AvatarImage src="https://raw.githubusercontent.com/castrogarciajs/castrogarciajs/master/public/sebastian.jpg" />
+          <AvatarFallback>
+            JS
+          </AvatarFallback>
+        </Avatar>
         <AlertDialog>
           <AlertDialogTrigger>Open</AlertDialogTrigger>
           <AlertDialogContent>