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,60 @@
+import { ComponentExample } from "@/components/ComponentExample"
+import { ComponentReference } from "@/components/ComponentReference"
+
+export const metadata = {
+  title: `Radio Group`,
+}
+
+# {metadata.title}
+
+A component that renders a group of radio buttons using Medusa's design system.
+
+In this guide, you'll learn how to use the Radio Group component.
+
+<ComponentExample name="radio-group-demo" />
+
+## Usage
+
+```tsx
+import { RadioGroup } from "@medusajs/ui"
+```
+
+```tsx
+<RadioGroup>
+  <RadioGroup.Item value="1" id="radio_1" />
+  <RadioGroup.Item value="2" id="radio_2" />
+  <RadioGroup.Item value="3" id="radio_3" />
+</RadioGroup>
+```
+
+---
+
+## API Reference
+
+<ComponentReference mainComponent="RadioGroup" />
+
+---
+
+## Examples
+
+### Radio Group with Descriptions
+
+<ComponentExample name="radio-group-descriptions" />
+
+### Controlled Radio Group
+
+<ComponentExample name="radio-group-controlled" />
+
+### Radio Group with a Disabled Item
+
+<ComponentExample name="radio-group-disabled" />
+
+---
+
+## Radio Choice Box
+
+The `RadioGroup.ChoiceBox` component allows you to show a group of radio buttons, each in a box with a label and description.
+
+<ComponentExample name="radio-group-choicebox" hideFeedback />
+
+{/* TODO add API reference */}