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

<Meta of={Stories} />

# Resizable Node Example

This example demonstrates how to dynamically resize an element using the {getAPIDocumentationLink('MeasuredNode')} component. The `MeasuredNode` component helps you manage and adjust the size of elements in your application with ease.

### Demo

Below is a live demo of the resizable node in action:

<Canvas of={Stories.Default} />

### Code

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