How Does It Work?

Implementing Inline Pages in Routify is straightforward and can be done in two ways:

1. Add the Meta Field to the Page

In the Svelte component of the page you want to inline, add the following meta field: <!-- routify:meta inline -->

2. Add 'inline' to the Slot of the Parent Module

Alternatively, you can add the 'inline' attribute to the slot element in the parent module:

<slot inline />

Either method tell Routify to treat the page as an Inline Page, loading its content alongside the other Inline Pages and preserving its state when navigating away. This makes for a seamless and efficient user experience!