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,38 @@
+import { HookValues } from "@/components/HookValues"
+import { ComponentExample } from "@/components/ComponentExample"
+
+export const metadata = {
+  title: `useToggleState`,
+}
+
+# {metadata.title}
+
+This hook tracks a boolean value and toggles between its two states.
+
+This guide explains how to use the `useToggleState` hook.
+
+For example, you can use this hook to display a checkbox or a [Switch](../../components/switch/page.mdx) that toggles a [Focus Modal](../../components/focus-modal/page.mdx).
+
+<ComponentExample name="use-toggle-state-demo" hideFeedback />
+
+## Usage
+
+```tsx
+import { useToggleState } from "@medusajs/ui"
+```
+
+```tsx
+const [state, open, close, toggle] = useToggleState()
+```
+
+---
+
+## API Reference
+
+### useToggleState Parameters
+
+<HookValues hook="useToggleStateProps" />
+
+### useToggleState Return Value
+
+<HookValues hook="useToggleStateReturn" hideFeedback />