Fetching contributors…
Cannot retrieve contributors at this time
27 lines (19 sloc) 1.07 KB

Page layout examples

A selection of basic page layouts to help you get started building your app.

They can be combined with one of the example applications to form a complete starter.

Sections of each layout are clearly defined either by comments or use of separate files, making it simple to extract parts of a page (such as a "hero unit", or footer, for example) for reuse in other pages.

For multi-part examples, a table in the README at the linked source code location describes the purpose of each file.

{{"demo": "pages/getting-started/page-layout-examples/PageLayoutExamples.js", "hideHeader": true}}

If while using these examples you make changes or enhancements that could improve the developer experience, or you would like to contribute an additional example, please consider creating a pull-request on GitHub.

So far we have demos for:

  • A dashboard
  • A sign-in page
  • A blog page
  • A checkout flow
  • An album page
  • A pricing page