Back to Recipes
Patterns

Modal Edit Flow

Table row with edit button that opens a modal form. Includes text fields, select, and save/cancel actions.

Live Example
Summer T-Shirt$29.99ActiveActiveDraftArchivedSaveCancel

Problem

Editing a resource from a table row without leaving context

When to use
  • Quick edits from list views
  • Editing without page navigation
  • Inline record updates
When not to use
  • Complex multi-step edits
  • Full-page forms
  • Creating new resources

Get this recipe

Full source code included in Polaris Kit.

Get Lifetime Access