docs: migrate UI docs (#13245)

* docs: create a new UI docs project (#13233) * docs: create a new UI docs project * fix installation errors * docs: migrate UI docs content to new project (#13241) * Fix content * added examples for some components * finish adding examples * lint fix * fix build errors * delete empty files * path fixes + refactor * fix build error
2025-08-20 11:42:25 +03:00
parent 5b7a041246
commit d1a1135328
748 changed files with 13079 additions and 7319 deletions
@@ -0,0 +1,42 @@
+import { Checkbox, CommandBar, Label, Text } from "@medusajs/ui"
+import * as React from "react"
+
+export default function CommandBarDemo() {
+  const [selected, setSelected] = React.useState<boolean>(false)
+
+  return (
+    <div className="flex justify-center gap-y-2 flex-col">
+      <div className="flex items-center gap-x-2">
+        <Checkbox
+          checked={selected}
+          onCheckedChange={(checked) =>
+            setSelected(checked === true ? true : false)
+          }
+        />
+        <Label>Item One</Label>
+      </div>
+      <div><Text size="small" className="text-ui-fg-muted">Check the box to view the command bar</Text></div>
+      <CommandBar open={selected}>
+        <CommandBar.Bar>
+          <CommandBar.Value>1 selected</CommandBar.Value>
+          <CommandBar.Seperator />
+          <CommandBar.Command
+            action={() => {
+              alert("Delete")
+            }}
+            label="Delete"
+            shortcut="d"
+          />
+          <CommandBar.Seperator />
+          <CommandBar.Command
+            action={() => {
+              alert("Edit")
+            }}
+            label="Edit"
+            shortcut="e"
+          />
+        </CommandBar.Bar>
+      </CommandBar>
+    </div>
+  )
+}