Someetimes it may be advantageous to construct your prototypes within a single HTML file. This can be useful for showing multiple iterations of a single page design or for simulating a web application.
Genesys include support for Virtual Pages, which can help you accomplish this.
- Use one of the built-in Genesys page templates (type
!!
to see them) or start a new HTML document by typinghtml:5
and pressing Tab. - In the
BODY
, typegns-virtual-page
to add a new Virtual Page. - Type a unique ID value, which will be used to navigate between your virtual pages.
- Use link, tab, or button elements (either plain HTML or those in your design system) to connect to your virtual pages.