<div data-turbo="false"> <h2>Regular</h2> <div> <turbo-frame id="greeting_frame"> <!-- This <turbo-frame> obviously isn't needed, but in combination with the data-turbo="false" property on the containing element shows the progressive enhancement aspect of Turbo Frames. --> <a href="/greeting/?person=Josh">Click here to greet Josh (fast)</a> </turbo-frame> </div> <div> <!-- This use a standard anchor, so no Turbo enhancement is applied. --> <a href="/greeting/?person=Josh&sleep=true">Click here to greet Josh (slow)</a> </div> </div>
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter