> For the complete documentation index, see [llms.txt](https://docs.openbuild.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.openbuild.io/framework-elements/crud-floating-group.md).

# CRUD Floating Group

🍿 CRUD FLOATING GROUP is a reusable element used for CrateReadUupdateDelete (CRUD) operations.

By default, its width is limited to 480px.  But you can change the max width of the reusable by changing the max width of the element inside the element or on the page itself. Read more about responsive design in [this section](/core-concepts/responsive-design.md).

<figure><img src="/files/AEjObazte4S6yDJLj3IF" alt=""><figcaption><p>🍿 CRUD FLOATING GROUP in action</p></figcaption></figure>

It comes with 2 template sections that can be copied and used to create new ones. These are:

<figure><img src="/files/3u9xf12VHmgEuVNXe8tW" alt=""><figcaption><p>CRUD Template</p></figcaption></figure>

<figure><img src="/files/VCVRk41bQEc6BMzD65nx" alt=""><figcaption><p>MSG Template Icon</p></figcaption></figure>

CRUD Popup contains 1 pre-build and working section:

<figure><img src="/files/AcfPfHp1Ie3zZkb4Q7aF" alt=""><figcaption><p>CRUD User</p></figcaption></figure>

### Data manipulation and navigation

CRUD popup follows the framework practices like navigating with option sets and manipulating data using states.

If you want to learn more about passing data into reusables and navigating to different sections you can read about it in [this section.](/working-with-the-framework/data-and-workflows/crud.md)