Code Block

1
curl -H 'x-publishable-key: YOUR_API_KEY' 'http://localhost:9000/store/products/PRODUCT_ID'

Usage

import { CodeBlock } from "@medusajs/ui"

1<CodeBlock 2  snippets={[3    { 4      language: "tsx", 5      label: "Label", 6      code: "import { useProduct } from \"medusa-react\"",7    },8  ]}9>10  <CodeBlock.Header />11  <CodeBlock.Body />12</CodeBlock>

API Reference

CodeBlock

This component is based on the div element and supports all props of this element.

CodeBlock.Header

This component is based on the div element and supports all props of this element.

CodeBlock.Header.Meta

This component is based on the div element and supports all props of this element.

CodeBlock.Body

This component is based on the div element and supports all props of this element.

Examples

Single snippet

If you want to only show a code sample for one language or API, you can choose to hide the snippet labels:

1
import { useProduct } from "medusa-react"
2

3
const { product } = useProduct("PRODUCT_ID")
4
console.log(product.id)

No Header

You could also choose to omit the header entirely:

1
import { useProduct } from "medusa-react"
2

3
const { product } = useProduct("PRODUCT_ID")
4
console.log(product.id)

No Line Numbers

import { useProduct } from "medusa-react"

const { product } = useProduct("PRODUCT_ID")
console.log(product.id)