The easiest way is to either use Modules or a Switcher
For the switcher see this demo:
It's based on Tab-bar but the principle is identical the selected tab (or the selected step in the train case) drives the slot in the switcher that is displayed
For the module approach see this demo:
Again this is driven by a different UI - a button bar in this case - but the principle is the same
thanks for your response Duncan Mills-Oracle. Since i am new to this technology and still learning the think to make it work as expected. Can you tell me how can i attach custom pages to each train navigator i.e. any ref link or steps would be helpful.
I am new to VBCS, i'm also trying to implement the same. Is there any update related to train component in VBCS?
As I mentioned - the two samples with the tab-set are exactly what you want except that rather than using the tab-bar to change the value of the variable that controls what is displayed you use the value of the train to do the same.
You can get the value corresponding to each of the train node, assign it to the Page Variable using the JS Function and use a Bind If in your code to display different components in each of the train node.
Hope it helps.