Files
medusa-store/www/apps/ui/specs/examples/code-block-demo.tsx
Shahed Nasser d1a1135328 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

31 lines
789 B
TypeScript

import { CodeBlock, Label } from "@medusajs/ui"
const snippets = [
{
label: "cURL",
language: "bash",
code: `curl 'http://localhost:9000/store/products/PRODUCT_ID'\n -H 'x-publishable-key: YOUR_API_KEY'`,
hideLineNumbers: true,
},
{
label: "Medusa JS SDK",
language: "jsx",
code: `const { product } = await medusa.store.products.retrieve("prod_123")\nconsole.log(product.id)`,
},
]
export default function CodeBlockDemo() {
return (
<div className="w-full">
<CodeBlock snippets={snippets}>
<CodeBlock.Header>
<CodeBlock.Header.Meta>
<Label weight={"plus"}>/product-detail.js</Label>
</CodeBlock.Header.Meta>
</CodeBlock.Header>
<CodeBlock.Body />
</CodeBlock>
</div>
)
}