Hotwire Gap

Turbo Frame basics

Whereas Turbo Drive replaces the body of a page, Turbo Frames encapsulate the clicks and form submissions within the frame itself.
<html>
<head></head>
<body>

Hi there 👋, I'm the content in the DOM outside of the Turbo Frame. I will not change when the below frame's link is clicked, even though in this example I'll be sent with changes in the HTML response.

<turbo-frame id="example_frame">

Hi there 👋, I'm a Turbo Frame. I will change when the below link is clicked.

Replace just the frame thanks!
</turbo-frame>
</body>
</html>