Turbo Showcase


Let's start by learning basic turbo frame navigation. Please refer to the Turbo Handbook for more information.

Knowing how to navigate with Turbo frames is the first step to building a Turbo application.

Basic frame navigation

Replace only the content of this turbo-frame Reload the whole page with `data-turbo-frame: '_top'` Reload the whole page with `target: '_top'` Reload the whole page when the nearest wrapping turbo-frame has `target: '_top'`

External frame navigation

You can also replace the content of another frame

Reload the content of `external-frame`
Hi 👋. I am called external-frame because my content gets replaced by some other frames. Somewhere there's a button that is able to replace my content. Look for it.