From ef1a2d7da971bf680bc86b9cfb68f5c1be99c848 Mon Sep 17 00:00:00 2001
From: Evan Frawley <evanfrawley@gmail.com>
Date: Mon, 5 Aug 2024 11:04:28 -0700
Subject: [PATCH] fix: add playground example

---
 apps/playground/app/sink/page.tsx | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/apps/playground/app/sink/page.tsx b/apps/playground/app/sink/page.tsx
index 192999ce..9f667d3f 100644
--- a/apps/playground/app/sink/page.tsx
+++ b/apps/playground/app/sink/page.tsx
@@ -237,6 +237,23 @@ export default function Sink() {
                                 Multiline
                               </Button>
                             </Tooltip>
+
+                            <Tooltip content={
+                               <DataList.Root my="1">
+                                <DataList.Item>
+                                  <DataList.Label style={{ color: 'var(--gray-5)'}}>Name</DataList.Label>
+                                  <DataList.Value style={{ color: 'var(--gray-1)'}}>Susan Kare</DataList.Value>
+                                </DataList.Item>
+                                <DataList.Item>
+                                  <DataList.Label style={{ color: 'var(--gray-5)'}}>Email</DataList.Label>
+                                  <DataList.Value style={{ color: 'var(--gray-1)'}}>susan.kare@apple.com</DataList.Value>
+                                </DataList.Item>
+                              </DataList.Root>
+                            }>
+                              <Button variant="solid" size="1">
+                                Non-string ReactNode
+                              </Button>
+                            </Tooltip>
                           </Flex>
                         </DocsGridSectionItem>