Skip to content

Commit

Permalink
deploy: 694d442
Browse files Browse the repository at this point in the history
  • Loading branch information
jorgemanrubia committed Feb 8, 2024
1 parent 5985ef3 commit 6cacf1d
Showing 1 changed file with 1 addition and 1 deletion.
2 changes: 1 addition & 1 deletion reference/frames.html
Original file line number Diff line number Diff line change
Expand Up @@ -167,7 +167,7 @@ <h2 id="frame-with-overwritten-navigation-targets"><a class="anchor" href="#fram
<h2 id="frame-that-promotes-navigations-to-visits"><a class="anchor" href="#frame-that-promotes-navigations-to-visits"></a> Frame that promotes navigations to Visits</h2>
<pre class="language-html"><code class="language-html"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>turbo-frame</span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>messages<span class="token punctuation">"</span></span> <span class="token attr-name">data-turbo-action</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>advance<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><br> <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>/messages?page=2<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Advance history to next page<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>a</span><span class="token punctuation">></span></span><br> <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>/messages?page=2<span class="token punctuation">"</span></span> <span class="token attr-name">data-turbo-action</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>replace<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Replace history with next page<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>a</span><span class="token punctuation">></span></span><br><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>turbo-frame</span><span class="token punctuation">></span></span></code></pre>
<h2 id="frame-that-will-get-reloaded-with-morphing-during-page-refreshes"><a class="anchor" href="#frame-that-will-get-reloaded-with-morphing-during-page-refreshes"></a> Frame that will get reloaded with morphing during page refreshes</h2>
<pre class="language-html"><code class="language-html"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>turbo-stream</span> <span class="token attr-name">action</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>refresh<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><br> ...<br><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>turbo-stream</span><span class="token punctuation">></span></span></code></pre>
<pre class="language-html"><code class="language-html"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>turbo-frame</span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>my-frame<span class="token punctuation">"</span></span> <span class="token attr-name">refresh</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>morph<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><br> ...<br><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>turbo-frame</span><span class="token punctuation">></span></span></code></pre>
<h1>Attributes, properties, and functions</h1>
<p>The <code>&lt;turbo-frame&gt;</code> element is a <a href="https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements">custom element</a> with its own set of HTML
attributes and JavaScript properties.</p>
Expand Down

0 comments on commit 6cacf1d

Please sign in to comment.