Skip to content

Commit

Permalink
Add step to code block about popovertargetaction
Browse files Browse the repository at this point in the history
  • Loading branch information
akhmadullin committed Sep 15, 2024
1 parent cefbcc2 commit 5f87c95
Showing 1 changed file with 37 additions and 1 deletion.
38 changes: 37 additions & 1 deletion index.html
Original file line number Diff line number Diff line change
Expand Up @@ -2285,7 +2285,7 @@ <h2 class="place"><code>popover</code></h2>
>
</section>

<section class="slide">
<!-- <section class="slide">
<pre class="place ">
<code class="language-html">
&lt;button popovertarget="popover-example" popovertargetaction="show"&gt;
Expand All @@ -2302,6 +2302,42 @@ <h2 class="place"><code>popover</code></h2>
&lt;/div&gt;
</code>
</pre>
</section> -->

<section class="slide">
<pre class="place "> <code class="language-html hljs language-xml" data-highlighted="yes">
<span class="hljs-tag">&lt;<span class="hljs-name">button</span> <span class="hljs-attr">popovertarget</span>=<span class="hljs-string">"popover-example"</span> <span class="hljs-attr">popovertargetaction</span>=<span class="hljs-string">"show"</span>&gt;</span>
Открыть
<span class="hljs-tag">&lt;/<span class="hljs-name">button</span>&gt;</span>
<span class="hljs-tag">&lt;<span class="hljs-name">button</span> <span class="hljs-attr">popovertarget</span>=<span class="hljs-string">"popover-example"</span> <span class="hljs-attr">popovertargetaction</span>=<span class="hljs-string">"hide"</span>&gt;</span>
Закрыть
<span class="hljs-tag">&lt;/<span class="hljs-name">button</span>&gt;</span>
<span class="hljs-tag">&lt;<span class="hljs-name">button</span> <span class="hljs-attr">popovertarget</span>=<span class="hljs-string">"popover-example"</span> <span class="hljs-attr">popovertargetaction</span>=<span class="hljs-string">"toggle"</span>&gt;</span>
Тоггл
<span class="hljs-tag">&lt;/<span class="hljs-name">button</span>&gt;</span>
<span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">popover</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"popover-example"</span>&gt;</span>
Привет! Я поповер!
<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
</code>
</pre>
</section>

<section class="slide">
<pre class="place "> <code class="language-html hljs language-xml" data-highlighted="yes">
<span class="hljs-tag"><span class="muted">&lt;<span class="hljs-name">button</span> <span class="hljs-attr">popovertarget</span>=<span class="hljs-string">"popover-example"</span> </span><span class="hljs-attr">popovertargetaction</span>=<span class="hljs-string">"show"</span><span class="muted"></div>&gt;</span></span>
<span class="muted">Открыть
<span class="hljs-tag">&lt;/<span class="hljs-name">button</span>&gt;</span></span>
<span class="hljs-tag"><span class="muted">&lt;<span class="hljs-name">button</span> <span class="hljs-attr">popovertarget</span>=<span class="hljs-string">"popover-example"</span> </span><span class="hljs-attr">popovertargetaction</span>=<span class="hljs-string">"hide"</span><span class="muted"></div>&gt;</span></span>
<span class="muted">Закрыть
<span class="hljs-tag">&lt;/<span class="hljs-name">button</span>&gt;</span></span>
<span class="hljs-tag"><span class="muted">&lt;<span class="hljs-name">button</span> <span class="hljs-attr">popovertarget</span>=<span class="hljs-string">"popover-example"</span> </span><span class="hljs-attr">popovertargetaction</span>=<span class="hljs-string">"toggle"</span><span class="muted"></div>&gt;</span></span>
<span class="muted">Тоггл
<span class="hljs-tag">&lt;/<span class="hljs-name">button</span>&gt;</span></span>
<span class="muted"><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">popover</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"popover-example"</span>&gt;</span>
Привет! Я поповер!
<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span></span>
</code>
</pre>
</section>

<section class="slide">
Expand Down

0 comments on commit 5f87c95

Please sign in to comment.