Back to Recipes
Layouts

Settings Page Layout

Settings page with grouped sections, save confirmation, and unsaved changes warning. Supports nested settings.

Live Example
General settingsEditStore name: My Shopify StoreTimezone: UTC-5NotificationsEditEmail alerts: EnabledSlack integration: Connected

Problem

Organizing app configuration into logical sections

When to use
  • App configuration
  • User preferences
  • Integration settings
When not to use
  • Resource detail views
  • Transactional flows

Get this recipe

Full source code included in Polaris Kit.