Skip to content
+

Basic CRUD application

An admin application to showcase how CRUD operations work in Toolpad.

Basic CRUD app

Check out the live app

Open example

How to run

Use create-toolpad-app to bootstrap the example:

npx create-toolpad-app@latest --example basic-crud-app
yarn create toolpad-app --example basic-crud-app
pnpm create toolpad-app --example basic-crud-app

or:

Open in StackBlitz

What's inside

This app demonstrates the following capabilities of Toolpad:

  1. How to use backend functions.
  2. Using a Form and other components.
  3. How to delete or add a row in a data grid.
  4. How to bind query parameters with a component.

The source

Check out the source code