Tootip tag helper example

pull/279/head
yekalkan 8 years ago
parent 6723a9a420
commit 5065db31ac

@ -13,38 +13,38 @@
<div class="demo-with-code">
<div class="demo-area">
<abp-button button-type="Dark" abp-tooltip="Tooltip Default">
<abp-button abp-tooltip="Tooltip Default">
Tooltip Default
</abp-button>
<abp-button button-type="Primary" abp-tooltip-top="Tooltip on top">
<abp-button abp-tooltip-top="Tooltip on top">
Tooltip on top
</abp-button>
<abp-button button-type="Warning" abp-tooltip-right="Tooltip on right">
<abp-button abp-tooltip-right="Tooltip on right">
Tooltip on right
</abp-button>
<abp-button button-type="Danger" abp-tooltip-bottom="Tooltip on bottom">
<abp-button abp-tooltip-bottom="Tooltip on bottom">
Tooltip on bottom
</abp-button>
<abp-button button-type="Success" abp-tooltip-left="Tooltip on left">
<abp-button abp-tooltip-left="Tooltip on left">
Tooltip on left
</abp-button>
</div>
<div class="code-area">
<pre>
&lt;abp-button button-type=&quot;Dark&quot; abp-tooltip=&quot;Tooltip Default&quot;&gt;
&lt;abp-button abp-tooltip=&quot;Tooltip Default&quot;&gt;
Tooltip Default
&lt;/abp-button&gt;
&lt;abp-button button-type=&quot;Primary&quot; abp-tooltip-top=&quot;Tooltip on top&quot;&gt;
&lt;abp-button abp-tooltip-top=&quot;Tooltip on top&quot;&gt;
Tooltip on top
&lt;/abp-button&gt;
&lt;abp-button button-type=&quot;Warning&quot; abp-tooltip-right=&quot;Tooltip on right&quot;&gt;
&lt;abp-button abp-tooltip-right=&quot;Tooltip on right&quot;&gt;
Tooltip on right
&lt;/abp-button&gt;
&lt;abp-button button-type=&quot;Danger&quot; abp-tooltip-bottom=&quot;Tooltip on bottom&quot;&gt;
&lt;abp-button abp-tooltip-bottom=&quot;Tooltip on bottom&quot;&gt;
Tooltip on bottom
&lt;/abp-button&gt;
&lt;abp-button button-type=&quot;Success&quot; abp-tooltip-left=&quot;Tooltip on left&quot;&gt;
&lt;abp-button abp-tooltip-left=&quot;Tooltip on left&quot;&gt;
Tooltip on left
&lt;/abp-button&gt;
</pre>

Loading…
Cancel
Save