pk/atst
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Organize styleguide

Browse Source
This commit is contained in:
luis cielak 2018-08-09 13:51:02 -04:00
parent 090768972b
commit fcbb16afc6
1 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
templates/styleguide.html
View File

@ -128,12 +128,6 @@
<div class='col col--grow'>col 12</div> <div class='col col--grow'>col 12</div>
</div> </div>
<h5>Tooltips</h5>
<span v-tooltip="'this is a tooltip text'">{{ Icon('help') }}</span><code>top</code> <br>
<span v-tooltip.top-start="'this is a tooltip text'">{{ Icon('help') }}</span><code>top-start</code> <br>
<span v-tooltip.right="'this is a tooltip text'">{{ Icon('help') }}</span><code>right</code> <br>
<span v-tooltip.bottom="'this is a tooltip text'">{{ Icon('help') }}</span><code>bottom</code> <br>
<form> <form>
<textinput inline-template validation='dollars' value='1231231'> <textinput inline-template validation='dollars' value='1231231'>
<div v-bind:class="['usa-input usa-input--validation--' + validation, { 'usa-input--error': showError, 'usa-input--success': showValid }]"> <div v-bind:class="['usa-input usa-input--validation--' + validation, { 'usa-input--error': showError, 'usa-input--success': showValid }]">
@ -288,6 +282,14 @@
</div> </div>
</form> </form>
<hr>
<h5>Tooltips</h5>
<span v-tooltip="'this is a tooltip text'">{{ Icon('help') }}</span><code>top</code> <br>
<span v-tooltip.top-start="'this is a tooltip text'">{{ Icon('help') }}</span><code>top-start</code> <br>
<span v-tooltip.right="'this is a tooltip text'">{{ Icon('help') }}</span><code>right</code> <br>
<span v-tooltip.bottom="'this is a tooltip text'">{{ Icon('help') }}</span><code>bottom</code> <br>
</div> </div>
</div> </div>