Skip to content

QR Code generator

A basic Toolpad Studio application that can be used to turn any text or URL into a QR code.

QR generator

Check out the live app

Open example

How to run

Use create-toolpad-app to bootstrap the example:

npx create-toolpad-app@latest --example qr-generator
yarn create toolpad-app --example qr-generator
pnpm create toolpad-app --example qr-generator


Open in StackBlitz

What's inside

This app demonstrates the following capabilities of Toolpad Studio:

  1. Using a custom function that takes parameters.
  2. Importing an external npm package.
  3. Using a TextInput and Image component.
  4. Binding a TextInput component with a query parameter.

The source

Check out the source code