Form drawers

[alexander-bobin]

@willmcvay one thing we see commonly is what we call "form drawers". I suspect those would come up quite commonly in your requirements too.

I understand the Drawer component was recently added to Elements. Have you or any consumers used this component to deliver a form drawer. If so, can we see an example of how it was done in code?

[adrian-reapit]

Hi @alexander-bobin

We are just starting to add forms to drawers. I could talk you through what we have done. The main modification to normal layout is to force PersistentNotification, which we use as an error summary, expand to fill the width of the drawer

[alexander-bobin]

@adrian-reapit a talk through would be really useful. One thing we see in the design system is form buttons being placed in the footer. In the past this has lead us towards using a wrapping form (although not 100% necessary).

This image is just an example, but placing buttons in the footer seems to be locked in.

Anyways, let's organise a time for a chat and compare notes.

[willmcvay]

@alexander-bobin The Drawer component accepts children so you can put a form or any other component within it as per above see: https://github.com/reapit/foundations-react-vite-template/blob/master/src/components/contacts/list/index.tsx#L330 for an example - in this case, the would be your form. Hope this makes sense

[alexander-bobin]

Closing this discussion. I had a chat with Dimas and get a better sense of how the Drawer component would be used to deliver form drawers.