Polotno
Components

QR Code Side Panel

Lean how to install and customize the QR Code side panel

Installatin

npx shadcn@latest add http://registry.polotno.com:/r/qr-code.json --path ./src/components/side-panel/qr-code.tsx

After installatin you will see a new create file in /src/components/side-panel/qr-code.tsx. You can change setup location as you want.

Usage

import { QrSection } from './side-panel/qr-code'; // make sure to change the path to the correct location
import { SidePanel, DEFAULT_SECTIONS } from 'polotno/side-panel';


const sections = [...DEFAULT_SECTIONS, QrSection];

<SidePanel sections={sections} />

Demo

On this page