docs(ui,docs): Add documentation for Medusa UI 2.0.0 (#5227)

* add docs for medusa ui 2.0.0 * fix: copy as child example * fix: dropdown menu example * add accordion examples * fix lint issues * fix apos in progress tabs demo * resolve comments * add icon * bump z-index on modals to prevent clashing with navbar * add sidebar item and card * undo modal z index changes * add links to updated and new components * update version * rm inline code formatting on links --------- Co-authored-by: Shahed Nasser <shahednasser@gmail.com>
2023-09-27 17:56:25 +02:00
parent f5a698ad6f
commit 4e3f3b54cb
79 changed files with 1689 additions and 295 deletions
@@ -0,0 +1,34 @@
+---
+title: "Tabs"
+description: "A set of layered content panels, known as tabs, that display content one panel at a time"
+component: true
+---
+
+<ComponentExample name="tabs-demo" />
+
+## Usage
+
+---
+
+```tsx
+import { Tabs } from "@medusajs/ui"
+```
+
+```tsx
+<Tabs>
+  <Tabs.List>
+    <Tabs.Trigger value="1">Tab 1</Tabs.Trigger>
+    <Tabs.Trigger value="2">Tab 2</Tabs.Trigger>
+    <Tabs.Trigger value="3">Tab 3</Tabs.Trigger>
+  </Tabs.List>
+  <Tabs.Content value="1">Panel 1</Tabs.Content>
+  <Tabs.Content value="2">Panel 2</Tabs.Content>
+  <Tabs.Content value="3">Panel 3</Tabs.Content>
+</Tabs>
+```
+
+## API Reference
+
+---
+
+This component is based on the [Radix UI Tabs](https://radix-ui.com/primitives/docs/components/tabs) primitves