import { Meta, Story, Canvas, Controls, Markdown } from '@storybook/blocks';
import * as Stories from './story';
import Code from './code?raw';
import {getAPIPropsLink} from '../../utils/get-api-documentation-link'


<Meta of={Stories} />

# Example: Using an SVG Element as a Node

This example demonstrates how to use an SVG element as a node in JointJS. By default, JointJS renders nodes using SVG. Here, we show how you can set {getAPIPropsLink('Paper', 'renderElement')} to render any custom SVG element.

### Demo

Below is a live demo of the example:

<Canvas of={Stories.Default} />

### Code

Here is the source code for this example:

<Markdown>
{`\`\`\`tsx
${Code}
\`\`\``}
</Markdown>