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


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