fix: add playground example

radix-ui · Aug 5, 2024 · ef1a2d7 · ef1a2d7
1 parent 7c3d946
commit ef1a2d7
Showing 1 changed file with 17 additions and 0 deletions.
diff --git 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)'}}>[email protected]</DataList.Value>
+                                </DataList.Item>
+                              </DataList.Root>
+                            }>
+                              <Button variant="solid" size="1">
+                                Non-string ReactNode
+                              </Button>
+                            </Tooltip>
                           </Flex>
                         </DocsGridSectionItem>