asyavee/medusa-store
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

docs: migrate UI docs (#13245)

Browse Source 
* 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
This commit is contained in:
Shahed Nasser
2025-08-20 11:42:25 +03:00
committed by GitHub
parent 5b7a041246
commit d1a1135328
748 changed files with 13079 additions and 7319 deletions
Download Patch File Download Diff File Expand all files Collapse all files
www/apps/ui/specs/examples/focus-modal-nested.tsx
+32
View File
@@ -0,0 +1,32 @@
import { Button, FocusModal } from "@medusajs/ui"
export default function NestedFocusModals() {
return (
<FocusModal>
<FocusModal.Trigger asChild>
<Button>Open Outer Modal</Button>
</FocusModal.Trigger>
<FocusModal.Content>
<FocusModal.Header>
<FocusModal.Title>Outer Modal</FocusModal.Title>
</FocusModal.Header>
<FocusModal.Body className="p-6 flex flex-col space-y-2">
<p>This is the outer modal.</p>
<FocusModal>
<FocusModal.Trigger asChild>
<Button variant="secondary">Open Nested Modal</Button>
</FocusModal.Trigger>
<FocusModal.Content>
<FocusModal.Header>
<FocusModal.Title>Nested Modal</FocusModal.Title>
</FocusModal.Header>
<FocusModal.Body className="p-6">
<p>This is a nested focus modal for additional information.</p>
</FocusModal.Body>
</FocusModal.Content>
</FocusModal>
</FocusModal.Body>
</FocusModal.Content>
</FocusModal>
)
}