# code-block-pro/1.27.3/build/shiki/samples/mdx.sample

Code Block Pro – Beautiful Syntax Highlighting, version 1.27.3. 14 lines.

- Page: https://pluginprobe.com/plugins/code-block-pro/1.27.3/code/build/shiki/samples/mdx.sample
- Raw: https://pluginprobe.com/plugins/code-block-pro/1.27.3/raw/build/shiki/samples/mdx.sample
- Modified: 2023-09-03T01:04:34+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/code-block-pro/1.27.3/code/build/shiki/samples/mdx.sample#L10-L20`.

```
<MyComponent id="123" />

You can also use objects with components, such as the `thisOne` component on
the `myComponents` object: <myComponents.thisOne />

<Component
  open
  x={1}
  label={'this is a string, *not* markdown!'}
  icon={<Icon />}
/>

{/* From https://mdxjs.com/docs/what-is-mdx/#mdx-syntax */}

```