From 93a32b33c0a08d8e05d0841e70934844ca4ef4c1 Mon Sep 17 00:00:00 2001 From: Lee Robinson Date: Mon, 28 Jun 2021 22:19:15 -0500 Subject: [PATCH] Update layouts example to persist state across client-side transitions. (#26706) * Update layouts example * Update examples/layout-component/components/layout.js Co-authored-by: JJ Kasper --- examples/layout-component/README.md | 2 +- .../layout-component/components/layout.js | 35 +++-------------- .../components/layout.module.css | 9 +++++ .../layout-component/components/sidebar.js | 19 +++++++++ .../components/sidebar.module.css | 39 +++++++++++++++++++ examples/layout-component/global.css | 12 ++++++ examples/layout-component/pages/_app.js | 8 ++++ examples/layout-component/pages/about.js | 37 ++++++++++++++++-- examples/layout-component/pages/contact.js | 37 ++++++++++++++++-- examples/layout-component/pages/index.js | 39 +++++++++++++++++-- 10 files changed, 197 insertions(+), 40 deletions(-) create mode 100644 examples/layout-component/components/layout.module.css create mode 100644 examples/layout-component/components/sidebar.js create mode 100644 examples/layout-component/components/sidebar.module.css create mode 100644 examples/layout-component/global.css create mode 100644 examples/layout-component/pages/_app.js diff --git a/examples/layout-component/README.md b/examples/layout-component/README.md index 588348442c184..384d4103471a1 100644 --- a/examples/layout-component/README.md +++ b/examples/layout-component/README.md @@ -1,6 +1,6 @@ # Layout component example -This example shows a very common use case when building websites where you need to repeat some sort of layout for all your pages. Our pages are: `home`, `about` and `contact` and they all share the same `` settings, the `