---
title: CRUD Form
hide_title: true
---
import ImportButton from '/src/components/importbutton'

# CRUD Form

This is an example of a CRUD form. CRUD stands for _Create, Read, Update and Delete_, and the example shows how to do these actions using the Noodl data nodes.
The example is walked through in detail in the [UI Controls and Data guide](/docs/guides/data/ui-controls-and-data).

<div className="ndl-image-with-background m">

![](/library/examples/crud-form/final-crud-thumb.png)

<ImportButton zip="/library/examples/crud-form/final-crud-1.zip" name="Mapbox Example" thumb="/library/examples/crud-form/final-crud-thumb.png" />

</div>
