chore: fix demo

riccardoperra · Apr 9, 2023 · dc82261 · dc82261
1 parent 5d4a9cf
commit dc82261
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 3 deletions.
diff --git a/README.md b/README.md
@@ -4,10 +4,11 @@
 
 <div align="center">
 
-# CodeUI
+# CodeUI - [CodeImage](https://github.com/riccardoperra/codeimage) UI Kit
 
-[![pnpm](https://img.shields.io/badge/maintained%20with-pnpm-cc00ff.svg?style=for-the-badge&logo=pnpm)](https://pnpm.io/)
-[![turborepo](https://img.shields.io/badge/built%20with-turborepo-cc00ff.svg?style=for-the-badge&logo=turborepo)](https://turborepo.org/)
+[![pnpm](https://img.shields.io/badge/maintained%20with-pnpm-cc00ff.svg?logo=pnpm)](https://pnpm.io/)
+[![turborepo](https://img.shields.io/badge/built%20with-turborepo-cc00ff.svg?logo=turborepo)](https://turborepo.org/)
+[![Netlify Status](https://api.netlify.com/api/v1/badges/bcc7a6d1-e9dc-4650-a465-ced9cd676f6b/deploy-status?style=for=t)](https://app.netlify.com/sites/codeui/deploys)
 
 > **Warning** This is Still WIP
 

diff --git a/packages/playground/src/demo/Popover.tsx b/packages/playground/src/demo/Popover.tsx
@@ -41,6 +41,27 @@ export function PopoverDemo() {
 						with SolidJS.
 					</PopoverContent>
 				</Popover>
+
+				<Popover isOpen={open()} onOpenChange={setOpen}>
+					<PopoverTrigger asChild>
+						<As component={Button} theme={"secondary"}>
+							Open (controlled)
+						</As>
+					</PopoverTrigger>
+					<PopoverContent title={"Title"}>About Kobalte A UI toolkit</PopoverContent>
+				</Popover>
+
+				<Popover placement={"bottom-start"}>
+					<PopoverTrigger asChild>
+						<As component={Button} theme={"secondary"}>
+							Custom position
+						</As>
+					</PopoverTrigger>
+					<PopoverContent title={"Title"}>
+						About Kobalte A UI toolkit for building accessible web apps and design systems
+						with SolidJS.
+					</PopoverContent>
+				</Popover>
 			</DemoSectionRow>
 		</div>
 	);