github
Advanced Search
  • Home
  • Pricing and Signup
  • Explore GitHub
  • Blog
  • Login

jquery / jquery-ui

  • Admin
  • Watch Unwatch
  • Fork
  • Your Fork
  • Pull Request
  • Download Source
    • 259
    • 30
  • Source
  • Commits
  • Network (30)
  • Graphs
  • Tree: cac005a

click here to add a description

click here to add a homepage

  • Switch Branches (4)
    • bind
    • master
    • panel
    • tooltip
  • Switch Tags (15)
    • 1.8rc3
    • 1.8rc2
    • 1.8rc1
    • 1.8b1
    • 1.8a2
    • 1.8a1
    • 1.8
    • 1.7
    • 1.6rc6
    • 1.6rc5
    • 1.6rc3
    • 1.6rc2
    • 1.6
    • 1.5.2
    • 1.5.1
  • Comments
Sending Request…

The official jQuery user interface library. — Read more

  Cancel

http://jqueryui.com/

  Cancel
  • Private
  • Read-Only
  • HTTP Read-Only

This URL has Read+Write access

Adding a visual testpage for button for profiling
jzaefferer (author)
Mon Mar 29 07:47:37 -0700 2010
commit  cac005aca162fdff6fc52f37efbdb0d607adff50
tree    28365965af0f1ac2ad98db3f791581b4859efe67
parent  c49be0be1a57cac325f021ffddc2f0fbccde1553
A tests/visual/button/button_performance.html 552 •••••
Txt tests/visual/button/button_performance.html
  • View file @ cac005a
... ...
@@ -0,0 +1,552 @@
  1
+<!DOCTYPE html>
  2
+<html lang="en">
  3
+<head>
  4
+  <meta charset="UTF-8" />
  5
+  <title>Button Visual push: Default</title>
  6
+  <link rel="stylesheet" href="../visual.css" type="text/css" />
  7
+  <link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css">
  8
+  <style type="text/css">
  9
+    #toolbar { margin-top: 2em; padding:0.2em; }
  10
+    #ops1, #ops2, #format, #mode { margin-right: 1em }
  11
+  </style>
  12
+  <script type="text/javascript" src="../../../jquery-1.4.2.js"></script>
  13
+  <script type="text/javascript" src="../../../external/jquery.metadata.js"></script>
  14
+  <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script>
  15
+  <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script>
  16
+  <script type="text/javascript" src="../../../ui/jquery.ui.button.js"></script>
  17
+  <script type="text/javascript">
  18
+  $(function() {
  19
+    $("button").button();
  20
+  });
  21
+  </script>
  22
+</head>
  23
+<body>
  24
+
  25
+<button>Simple button, only text</button>
  26
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  27
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  28
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  29
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  30
+<button>Simple button, only text</button>
  31
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  32
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  33
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  34
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  35
+<button>Simple button, only text</button>
  36
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  37
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  38
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  39
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  40
+<button>Simple button, only text</button>
  41
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  42
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  43
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  44
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  45
+<button>Simple button, only text</button>
  46
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  47
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  48
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  49
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  50
+<button>Simple button, only text</button>
  51
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  52
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  53
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  54
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  55
+<button>Simple button, only text</button>
  56
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  57
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  58
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  59
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  60
+<button>Simple button, only text</button>
  61
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  62
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  63
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  64
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  65
+<button>Simple button, only text</button>
  66
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  67
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  68
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  69
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  70
+<button>Simple button, only text</button>
  71
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  72
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  73
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  74
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  75
+<button>Simple button, only text</button>
  76
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  77
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  78
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  79
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  80
+<button>Simple button, only text</button>
  81
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  82
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  83
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  84
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  85
+<button>Simple button, only text</button>
  86
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  87
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  88
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  89
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  90
+<button>Simple button, only text</button>
  91
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  92
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  93
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  94
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  95
+<button>Simple button, only text</button>
  96
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  97
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  98
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  99
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  100
+<button>Simple button, only text</button>
  101
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  102
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  103
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  104
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  105
+<button>Simple button, only text</button>
  106
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  107
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  108
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  109
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  110
+<button>Simple button, only text</button>
  111
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  112
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  113
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  114
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  115
+<button>Simple button, only text</button>
  116
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  117
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  118
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  119
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  120
+<button>Simple button, only text</button>
  121
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  122
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  123
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  124
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  125
+<button>Simple button, only text</button>
  126
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  127
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  128
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  129
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  130
+<button>Simple button, only text</button>
  131
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  132
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  133
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  134
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  135
+<button>Simple button, only text</button>
  136
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  137
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  138
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  139
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  140
+<button>Simple button, only text</button>
  141
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  142
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  143
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  144
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  145
+<button>Simple button, only text</button>
  146
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  147
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  148
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  149
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  150
+<button>Simple button, only text</button>
  151
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  152
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  153
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  154
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  155
+<button>Simple button, only text</button>
  156
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  157
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  158
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  159
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  160
+<button>Simple button, only text</button>
  161
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  162
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  163
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  164
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  165
+<button>Simple button, only text</button>
  166
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  167
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  168
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  169
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  170
+<button>Simple button, only text</button>
  171
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  172
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  173
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  174
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  175
+<button>Simple button, only text</button>
  176
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  177
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  178
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  179
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  180
+<button>Simple button, only text</button>
  181
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  182
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  183
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  184
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  185
+<button>Simple button, only text</button>
  186
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  187
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  188
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  189
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  190
+<button>Simple button, only text</button>
  191
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  192
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  193
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  194
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  195
+<button>Simple button, only text</button>
  196
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  197
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  198
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  199
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  200
+<button>Simple button, only text</button>
  201
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  202
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  203
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  204
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  205
+<button>Simple button, only text</button>
  206
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  207
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  208
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  209
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  210
+<button>Simple button, only text</button>
  211
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  212
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  213
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  214
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  215
+<button>Simple button, only text</button>
  216
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  217
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  218
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  219
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  220
+<button>Simple button, only text</button>
  221
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  222
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  223
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  224
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  225
+<button>Simple button, only text</button>
  226
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  227
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  228
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  229
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  230
+<button>Simple button, only text</button>
  231
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  232
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  233
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  234
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  235
+<button>Simple button, only text</button>
  236
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  237
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  238
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  239
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  240
+<button>Simple button, only text</button>
  241
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  242
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  243
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  244
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  245
+<button>Simple button, only text</button>
  246
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  247
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  248
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  249
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  250
+<button>Simple button, only text</button>
  251
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  252
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  253
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  254
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  255
+<button>Simple button, only text</button>
  256
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  257
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  258
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  259
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  260
+<button>Simple button, only text</button>
  261
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  262
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  263
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  264
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  265
+<button>Simple button, only text</button>
  266
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  267
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  268
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  269
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  270
+<button>Simple button, only text</button>
  271
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  272
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  273
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  274
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  275
+<button>Simple button, only text</button>
  276
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  277
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  278
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  279
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  280
+<button>Simple button, only text</button>
  281
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  282
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  283
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  284
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  285
+<button>Simple button, only text</button>
  286
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  287
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  288
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  289
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  290
+<button>Simple button, only text</button>
  291
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  292
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  293
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  294
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  295
+<button>Simple button, only text</button>
  296
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  297
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  298
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  299
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  300
+<button>Simple button, only text</button>
  301
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  302
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  303
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  304
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  305
+<button>Simple button, only text</button>
  306
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  307
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  308
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  309
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  310
+<button>Simple button, only text</button>
  311
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  312
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  313
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  314
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  315
+<button>Simple button, only text</button>
  316
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  317
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  318
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  319
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  320
+<button>Simple button, only text</button>
  321
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  322
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  323
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  324
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  325
+<button>Simple button, only text</button>
  326
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  327
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  328
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  329
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  330
+<button>Simple button, only text</button>
  331
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  332
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  333
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  334
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  335
+<button>Simple button, only text</button>
  336
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  337
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  338
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  339
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  340
+<button>Simple button, only text</button>
  341
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  342
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  343
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  344
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  345
+<button>Simple button, only text</button>
  346
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  347
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  348
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  349
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  350
+<button>Simple button, only text</button>
  351
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  352
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  353
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  354
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  355
+<button>Simple button, only text</button>
  356
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  357
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  358
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  359
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  360
+<button>Simple button, only text</button>
  361
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  362
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  363
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  364
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  365
+<button>Simple button, only text</button>
  366
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  367
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  368
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  369
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  370
+<button>Simple button, only text</button>
  371
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  372
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  373
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  374
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  375
+<button>Simple button, only text</button>
  376
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  377
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  378
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  379
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  380
+<button>Simple button, only text</button>
  381
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  382
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  383
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  384
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  385
+<button>Simple button, only text</button>
  386
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  387
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  388
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  389
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  390
+<button>Simple button, only text</button>
  391
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  392
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  393
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  394
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  395
+<button>Simple button, only text</button>
  396
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  397
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  398
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  399
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  400
+<button>Simple button, only text</button>
  401
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  402
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  403
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  404
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  405
+<button>Simple button, only text</button>
  406
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  407
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  408
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  409
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  410
+<button>Simple button, only text</button>
  411
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  412
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  413
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  414
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  415
+<button>Simple button, only text</button>
  416
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  417
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  418
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  419
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  420
+<button>Simple button, only text</button>
  421
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  422
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  423
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  424
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  425
+<button>Simple button, only text</button>
  426
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  427
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  428
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  429
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  430
+<button>Simple button, only text</button>
  431
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  432
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  433
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  434
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  435
+<button>Simple button, only text</button>
  436
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  437
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  438
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  439
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  440
+<button>Simple button, only text</button>
  441
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  442
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  443
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  444
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  445
+<button>Simple button, only text</button>
  446
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  447
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  448
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  449
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  450
+<button>Simple button, only text</button>
  451
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  452
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  453
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  454
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  455
+<button>Simple button, only text</button>
  456
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  457
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  458
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  459
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  460
+<button>Simple button, only text</button>
  461
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  462
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  463
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  464
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  465
+<button>Simple button, only text</button>
  466
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  467
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  468
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  469
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  470
+<button>Simple button, only text</button>
  471
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  472
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  473
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  474
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  475
+<button>Simple button, only text</button>
  476
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  477
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  478
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  479
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  480
+<button>Simple button, only text</button>
  481
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  482
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  483
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  484
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  485
+<button>Simple button, only text</button>
  486
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  487
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  488
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  489
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  490
+<button>Simple button, only text</button>
  491
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  492
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  493
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  494
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  495
+<button>Simple button, only text</button>
  496
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  497
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  498
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  499
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  500
+<button>Simple button, only text</button>
  501
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  502
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  503
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  504
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  505
+<button>Simple button, only text</button>
  506
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  507
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  508
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  509
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  510
+<button>Simple button, only text</button>
  511
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  512
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  513
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  514
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  515
+<button>Simple button, only text</button>
  516
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  517
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  518
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  519
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  520
+<button>Simple button, only text</button>
  521
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  522
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  523
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  524
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  525
+<button>Simple button, only text</button>
  526
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  527
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  528
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  529
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  530
+<button>Simple button, only text</button>
  531
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  532
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  533
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  534
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  535
+<button>Simple button, only text</button>
  536
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  537
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  538
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  539
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  540
+<button>Simple button, only text</button>
  541
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  542
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  543
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  544
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  545
+<button>Simple button, only text</button>
  546
+<button class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with icon only</button>
  547
+<button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with icon on the left</button>
  548
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button with two icons</button>
  549
+<button class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button with two icons</button>
  550
+
  551
+</body>
  552
+</html>

0 notes on commit cac005a

Please log in to comment.
Blog | Support | Training | Contact | API | Status | Twitter | Help | Security
© 2010 GitHub Inc. All rights reserved. | Terms of Service | Privacy Policy
Powered by the Dedicated Servers and
Cloud Computing of Rackspace Hosting®
Dedicated Server