Deleting Files


Note: Building with Tina and Gatsby currently requires that you run a development server for content-editing. We recommend using Next.js for a solution with less friction.

When you need to provide the option of deleting files in a Gatsby site, the config is much simpler. Instead of adding a creator plugin to the sidebar, all we need to do is pass a delete action to the form options object and the 'action' will be added to the sidebar.

Head to the template file where you may have a Tina form setup. Read more on setting up forms for content editing with remark or JSON. First, you'll need to import the DeleteAction from gatsby-tinacms-remark. Then, in your form options object just before the field definitions, add the action.

import { useRemarkForm, DeleteAction } from 'gatsby-tinacms-remark'

//...

const FormOptions = {
  actions: [DeleteAction],
  fields: [
    //...
  ],
}

With the DeleteAction now passed to the form via the configuration object, you'll be able to access it via the three-dot icon in the lower right-hand corner of the sidebar.

tinacms-delete-action-example