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,62 @@
+---
+title: "Icon Button"
+description: "Displays an icon button"
+component: true
+---
+
+<ComponentExample name="icon-button-demo" />
+
+## Usage
+
+---
+
+```tsx
+import { IconBadge } from "@medusajs/ui"
+import { Plus } from "@medusajs/icons"
+```
+
+```tsx
+<IconBadge>
+  <Plus />
+</IconBadge>
+```
+
+## API Reference
+
+---
+
+This component is based on the `button` element and supports all props of this element.
+
+<ComponentProps component="icon-button" />
+
+## Examples
+
+---
+
+### Primary
+
+<ComponentExample name="icon-button-primary" />
+
+### Transparent
+
+<ComponentExample name="icon-button-transparent" />
+
+### Base
+
+<ComponentExample name="icon-button-base" />
+
+### Large
+
+<ComponentExample name="icon-button-large" />
+
+### X-Large
+
+<ComponentExample name="icon-button-xlarge" />
+
+### Disabled
+
+<ComponentExample name="icon-button-disabled" />
+
+### Loading
+
+<ComponentExample name="icon-button-loading" />